@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
	}
body {
	background-color: #fff;
	background-repeat:repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
	font-weight:normal;
	line-height: 18px; 
}
a img
{
	border: none;
}
input,
textarea
{
	border: 1px solid #D3D3D3;
}
input:focus
{
	border: 1px solid #9A95FF;
}
input.submit
{
	display: inline-block;
	border: 1px solid #a6b9d9;
	background: url(/templates/images/button.png) repeat-x;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	margin: 2px;
	text-decoration: none;
	color: #000;
}
span.error
{
	color: red;
}

li
{
	margin-left: 10px;
}
.head {
  width: 980px;
  height: 110px;
  margin: auto;
  overflow: hidden;
}
.head .left
{
	width: 60px;
	height: 110px;
	background: url(/templates/images/logo_vlavo.png) no-repeat;
	float: left;
}
.head .logo
{
	width: 185px;
	height: 110px;
	background: url(/templates/images/logo_hore.png) no-repeat;
	float: left;
}
.head .flash
{
	width: 529px;
	height: 110px;
	/*background: url(/templates/images/flash_bg.jpg) no-repeat;*/
	float: left;
}
#clock
{
	position: relative;
	top: -110px;
}
.head .login
{
	width: 141px;
	height: 110px;
	background: url(/templates/images/login_bg.png) no-repeat;
	float: left;
	padding-top: 10px; 
	overflow: hidden;
}
.head .login input
{
	width: 130px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	background: url(/templates/images/login_pole.png) no-repeat;
	border: none;
}
.head .login input.submit
{
	width: 50px;
	height: 29px;
	background: url(/templates/images/ok_button.png) no-repeat;
	float: right;
	border: none;
}
.head .login label
{
	display: none;
}
.head .right
{
	width: 54px;
	height: 110px;
	background: url(/templates/images/login_napravo.png) no-repeat;
	float: left;
}

.head2 {
	width: 880px;
	height: 58px;
	margin: auto;
	overflow: hidden;
}
.head2 .left
{
	width: 10px;
	height: 58px;
	background: url(/templates/images/logo_vlavo_dole.png) no-repeat;
	float: left;
}
.head2 .logo
{
	width: 185px;
	height: 58px;
	background: url(/templates/images/logo_dole.png) no-repeat;
	float: left;
}
.head2 .logo2
{
	width: 496px;
	height: 58px;
	background: url(/templates/images/pod_flash.png) no-repeat;
	float: left;
}
.head2 .login
{
	width: 174px;
	height: 58px;
	background: url(/templates/images/login_pod.png) no-repeat;
	float: left;
}
.head2 .right
{
	width: 10px;
	height: 58px;
	background: url(/templates/images/login_napravo_dole.png) no-repeat;
	float: left;
}
.menu
{
	width: 880px;
	height: 32px;
	margin: auto;
}
.menu .left
{
	width: 10px;
	height: 32px;
	background: url(/templates/images/nalavo_od_menu.png) no-repeat;
	float: left;
}
.menu .inner
{
	width: 855px;
	height: 32px;
	
	float: left;
}
.menu .right
{
	width: 10px;
	height: 32px;
	background: url(/templates/images/napravo_od_menu.png) no-repeat;
	float: left;
}

/* Tlačítka v menu*/
.menu1 {
	background: url(/templates/images/menu1.png);
	width: 81px;
	height: 32px;
}
.menu1:hover,.menu1 .active {
	background: url(/templates/images/menu1_click.png);
}
.menu2 {
	background: url(/templates/images/menu2.png);
	width: 84px;
	height: 32px;
}
.menu2:hover,.menu2 .active {
	background: url(/templates/images/menu2_click.png);
}
.menu3 {
	background: url(/templates/images/menu3.png);
	width: 101px;
	height: 32px;
}
.menu3:hover,.menu3 .active {
	background: url(/templates/images/menu3_click.png);
}
.menu4 {
	background: url(/templates/images/menu4.png);
	width: 99px;
	height: 32px;
}
.menu4:hover,.menu4 .active {
	background: url(/templates/images/menu4_click.png);
}
.menu5 {
	background: url(/templates/images/menu5.png);
	width: 121px;
	height: 32px;
}
.menu5:hover,.menu5 .active {
	background: url(/templates/images/menu5_click.png);
}
.menu6 {
	background: url(/templates/images/menu6.png);
	width: 75px;
	height: 32px;
}
.menu6:hover,.menu6 .active {
	background: url(/templates/images/menu6_click.png);
}
.menu7 {
	background: url(/templates/images/menu7.png);
	width: 109px;
	height: 32px;
}
.menu7:hover,.menu7 .active {
	background: url(/templates/images/menu7_click.png);
}
.menu_admin {
	background: url(/templates/images/menu_admin.png);
	width: 121px;
	height: 32px;
}
.menu_admin:hover,.menu_admin .active {
	background: url(/templates/images/menu_admin_click.png);
}
.menu_nastavenia {
	background: url(/templates/images/menu_nastavenia.png);
	width: 121px;
	height: 32px;
}
.menu_nastavenia:hover,.menu_nastavenia .active {
	background: url(/templates/images/menu_nastavenia_click.png);
}
.menu_prihlasit {
	background: url(/templates/images/menu_prihlasit.png);
	width: 101px;
	height: 32px;
}
.menu_prihlasit:hover,.menu_prihlasit .active {
	background: url(/templates/images/menu_prihlasit_click.png);
}
/* Koniec tlačítok v menu */
.stred_slecna
{
	width: 875px;
	margin: auto;
	min-height: 185px;
	padding-right: 5px;
	background: #fafafa;
}
.okraj_hore
{
	background: url(images/okraj.png) repeat-x top;
}
.okraj_dole
{
	background: url(images/okraj.png) repeat-x bottom;
}
.lavy_pas1
{
	background: url(images/lavy_pas_stred.png) repeat-y;
}
.lavy_pas2
{
	background: url(images/lavy_pas_hore.png) no-repeat top left;
}
.lavy_pas3
{
	background: url(images/lavy_pas_dole.png) no-repeat bottom left;
}
.pravy_pas1
{
	background: url(images/pravy_pas_stred.png) repeat-y right;
}
.pravy_pas2
{
	background: url(images/pravy_pas_hore.png) no-repeat top right;
}
.pravy_pas3
{
	background: url(images/pravy_pas_dole.png) no-repeat bottom right;
}
.pas_in
{
	padding: 30px 35px;
	min-height: 185px;
}
.slecna 
{
	background: url(images/slecna.png) no-repeat;
	width: 220px;
	height: 260px;
	margin-right: 30px;
	float: left;
}

.footer
{
	width: 880px;
	height: 16px;
	margin: auto;
}
.footer .left
{
	width: 10px;
	height: 16px;
	background: url(images/lavy_pas2_roh.png) no-repeat;
	float: left;
}
.footer .inner
{
	width: 855px;
	height: 16px;
	background: url(images/tien_pas.png) repeat-x;
	float: left;
}
.footer .right
{
	width: 10px;
	height: 16px;
	background: url(images/pravy_pas2_roh.png) no-repeat;
	float: left;
}

.footer2
{
	width: 893px;
	height: 67px;
	margin: auto;
}
.footer2 .left
{
	width: 173px;
	height: 67px;
	background: url(images/lavy_footer.jpg) no-repeat;
	padding-left: 30px;
	float: left;
}
.footer2 .inner
{
	width: 482px;
	height: 67px;
	background: url(images/footer.png) repeat-x;
	float: left;
}
.footer2 .right
{
	width: 203px;
	height: 67px;
	background: url(images/superlogo_footer.jpg) no-repeat;
	float: left;
}

/*Tabuľky*/
table.table
{
	border-collapse: collapse;
}

table.table td,
table.table th
{
	padding: 3px 3px;
	border: 1px solid #e6e6e6;
	font-size: 0.9em;
}

table.table td.odd
{
	background-color: #F7F7F7;
}

table.table td.even
{
	background-color: #fff;
}

table.table th,
table.table td[colspan]
{
	background-color: #E7E7E9;
	height: 2em;
}

table.table th
{
	color: #217ce5;
}

a.button
{
	display: inline-block;
	border: 1px solid #a6b9d9;
	background: url(images/button.png) repeat-x;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	margin: 2px;
	text-decoration: none;
	color: #000;
}
a.button:hover
{
	text-decoration: none;
}

/*Tabuľka so zoznamom ikon*/
table.ikony_zoznam
{
	border-collapse: collapse;
}
table.ikony_zoznam th
{
	text-align: center;
}
table.ikony_zoznam td.free,
table.ikony_zoznam th.free
{
	padding: 5px;
	padding-right: 20px;
	background-color: #eee;
}
table.ikony_zoznam td.nonfree,
table.ikony_zoznam th.nonfree
{
	padding: 5px;
	background-color: #ddd;
}

/*Katalóg*/
.katalog
{
	float: left;
	width: 50%;
}
.katalog a
{
	font-size: 0.8em;
	color: #696969;
}
a.active
{
	color: red;
	font-weight: bold;
}
.katalog h3 a
{
	font-size: 1em;
	color: #141cad;
	padding-left: 35px;
	background: url(images/folder_icon.png) no-repeat;
}
.katalog_item
{
	border: 1px solid #a6b9d9;
	background-color: #F0F6FF;
	padding: 5px;
	margin-bottom: 5px;
}

/*Grafy*/
img.graph
{
	float:left;
}

code
{
	display: block;
	padding: 8px;
	border: 1px solid grey;
	background-color: #eee;
}

/*Toto sa prejaví aj v editore*/
h1
{
	display: none;
	font-size: 1.5em;
}
h2
{
	color: #121dad;
	font-size: 1.3em;
	font-family: Verdana, Arial;
	line-height: 1.6em;
}
h3
{
	color: #121dad;
	font-size: 1.2em;
	font-family: Verdana, Arial;
}
h4
{
	color: #000;
	font-size: 1.1em;
	font-family: Verdana, Arial;
}
ul
{
	list-style-image: url(images/sipka_modra.png);
	margin-left: 10px;
}
ol
{
	margin-left: 15px;
}
a
{
	text-decoration: none;
	color: #121dad;
}
a:hover
{
	text-decoration: underline;
}
.cervene
{
	color: red;
}
.modre
{
	color: #121dad;
}
.odrazka_modra
{
	background: url(images/sipka_modra.png) no-repeat 0 0.25em;
	padding-left: 17px;
}
.odrazka_cervena
{
	background: url(images/sipka_cervena.png) no-repeat 0 0.25em;
	padding-left: 17px;
}