body {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  color: white;
  background-image: url(img/bg.jpg);
  background-repeat: repeat-x;
  font:normal 12px Trebuchet MS, Tahoma;
/*
  font: small Arial, Helvetica, Verdana, sans-serif;
*/  
}

#wrapper {
  width: 960px;
  background-color: #FFFFFF;
  margin: 10px 10px 10px 10px;
  padding: 10px;
}

#header {
  color: black;
  margin: 0px;
  padding: 0px;
  height: 148px;
}

#main {
  width: 100%;
  margin-top: 2px;
  background-image: url(img/sidebarbg.gif);
  background-position: top right;
  background-repeat: repeat-y;
}

#main2 {
  width: 100%;
  margin-top: 0px;
  background-image: url(img/leftbg.gif);
  background-position: bottom left;
  background-repeat: repeat-y;
  border-top: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  border-right: 1px solid #b9d2e3;
}

#content, #content2col {
  margin: 0 222px 0 201px;
  color: black;
}

#content2col {
  margin: 0 0px 0 201px;
  color: black;
}

#content .inner, #content2col .inner{
  margin: 6px 2px 6px 2px;
}

#content .inner p, #content2col .inner p{
  margin: 15px 10px 5px 10px;
  text-align: justify;
}

#content .inner .start_text, #content2col .inner .start_text {
  font-size:200%;
  font-weight:bold;
  color: darkred;
}

#content .inner .zvyraznenie_text, #content2col .inner .zvyraznenie_text {
  font-size:150%;
  font-weight:bold;
  color: darkred;
}

#content .inner h1, #content2col .inner h1{
  margin:  0px;
  padding:  3px 10px 3px 7px;
  font-size: 110%;
  text-align: right;
  text-transform:uppercase;
  background-color: #63A1DF;
  color: white;
  height: 16px
}

#content .inner h2 , #content2col .inner h2{
  margin:  20px 0px 2px 0px;
  padding:  0px 0px 0px 10px;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  text-transform:uppercase;
  color: darkred;
}

#content .inner h3 , #content2col .inner h3{
  margin:  20px 0px 2px 0px;
  padding:  0px 0px 0px 10px;
  font-size: 100%;
  font-weight: bold;
  text-align: left;
  text-transform:uppercase;
  text-decoration:none;
  color: #CC0000;
}

#content .inner table , #content2col .inner table {
margin: 10px;
line-height: 15px;
border-collapse: collapse;
border: 1px solid #adbbca;
color: white;
}

#content .inner table th, #content2col .inner table th{
padding: 15px 0px 0px 3px;
color: black;
font-weight: normal;
}

#content .inner table caption , #content2col .inner table caption
{
  font-size: 100%;
  font-weight: bold;
  text-align: left;
  text-transform:uppercase;
  text-decoration:none;
  color: #CC0000;
}

#content .inner table a, #content2col .inner table a
{
font-weight:bold;
text-decoration:none;
color:blue;
}

#content .inner table a:hover, #content2col .inner table a:hover
{
font-weight:bold;
text-decoration:underline;
color:red;
}

#content .inner table tbody tr, #content2col .inner table tbody tr {
border: 1px solid #adbbca;
}

#content .inner table tbody th, #content2col .inner table tbody th {
background-color: #CCCCCC;
border: 1px solid #adbbca;
font-size: 14px;
}

#content .inner table tbody td, #content2col .inner table tbody td {
padding:3px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
color: #000000;
font-size: 13px;
}

#content .inner p a, #content2col .inner p a
{
font-weight:bold;
text-decoration:none;
color:blue;
}

#content .inner p a:hover, #content2col .inner p a:hover
{
font-weight:bold;
text-decoration:underline;
color:red;
}

#content .inner table tbody td img, #content2col .inner table tbody td img{
border:0px;
}

#content .inner .content_menu_cis, #content2col .inner .content_menu_cis{
  padding-right:10px;
  list-style-type: decimal;
  text-align:justify;
}

#content .inner .zoznam_dokumentov, #content2col .inner .zoznam_dokumentov{
  padding-right:10px;
  list-style-type: none;
  text-align:justify;
}

#content .inner .zoznam_dokumentovli a, #content2col .inner .zoznam_dokumentovli a {
  color: #000066;
  font-size:12px;
  font-weight:bold;
  text-decoration:none; 
}

#content .inner .zoznam_dokumentov li a:hover, #content2col .inner .zoznam_dokumentov li a:hover {
  color: #FF0000;
  text-decoration:underline;
}

#content .inner .zoznam_dokumentov li a img, #content2col .inner .zoznam_dokumentov li a img {
  padding-right:10px;  
}

#content .inner .form .nazov, #content2col .inner .form .nazov {
  margin:0px 0px 2px 0px;
  padding:2px 2px 3px 2px;
  text-align:left;
  text-transform:uppercase;
  color:darkred;
  font-size:15px;
  font-weight:bold;
  background-color: #F9DA60; 
  border: 0px solid #CC9933;
}

#content .inner .form .form_content, #content2col .inner .form .form_content {
  margin:0px 0px 0px 0px;
  padding:5px 2px 3px 3px;
  color:black;
  background-color: #FFFFFF;
  border: 1px solid #CC9933;
}

#content .inner .form .form_content .form_label, #content2col .inner .form .form_content .form_label {
  padding:0px 2px 0px 5px;
  color:black;
  font-weight:normal;
  text-transform:uppercase;
  text-align:right;
  float:left;
  width:125px;
  background-color:#F9E766;
}

#content .inner .form .form_content .form_text, #content2col .inner .form .form_content .form_text {
  color:black;
  background-color:#F1F1F1;
  padding:0px 0px 0px 140px;
}

#content .inner .form .form_content .form_text_popis, #content2col .inner .form .form_content .form_text_popis {
  background-color:#FFF; 
  padding:15px 10px 15px 2px; 
  color:black;
  font-weight:normal;
  font-size:12px;
  border: 0px solid #45bac0;
}

.content_image{
  float: left;
  margin:10px;
}


#sidebar {
  float: right;
  width: 219px;
  min-height: 800px; 
  background-color: #EEEEEE;
  color: black;
  margin: 0;
  padding: 0;
}

#sidebar .inner {
  margin:  6px 2px 6px 2px;
}

#sidebar h1 {
  margin:  0px 0px 2px 0px;
  padding:  3px 0px 3px 7px;
  font-size: 110%;
  background-color: #63A1DF;
  color: #FFFFFF;
  height: 16px
}

#sidebar .inner .right_banner_item{
  margin:  20px 0px 0px 0px;
/*
  height:200px;
  background-image: url(img/banner_right.gif);
  background-repeat: no-repeat;
*/
  color:#fff;
  font-weight:bold;
  font-size:14px;
}

#sidebar .inner  img{
margin:0px 0 0 0;
cursor:pointer;
}

#searchform {
  margin:10px 0 0 0;
  width: 215px;
  text-align: center;
}

#searchform .text {
  width: 144px;
  border: 1px solid #45bac0;
}
#searchform .btn {
  border: 1px solid #45bac0;
  background-color: #F5D601;
  color: blue;
  text-align: center;
  height:20px;
}

#sidebar2 {
  float: left;
  width: 199px;
  color: black;
  margin: 1px;
  padding: 0;
}
#sidebar2 .inner {
  margin:  5px 2px 10px 2px;
  height: 100%  
}

#sidebar2 h1 {
  margin:  0px 0px 2px 0px;
  padding:  3px 0px 3px 7px;
  font-size: 110%;
  text-transform:uppercase;
  background-color: #63A1DF;
  color: #FFFFFF;
  height: 16px
}

#sidebar2 h2 {
  margin:  0px 0px 2px 0px;
  padding:  3px 0px 3px 7px;
  font-size: 100%;
  background-color: #4E77B5;
  color: white;
  height: 16px
}

#footer {
  width: 100%;
  border-top: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  margin-top: 10px;
  clear: both;
}

#footer p {
  font-size:12px;
  color: #256290;
  margin: 0;
  padding: 0.2em 0 0.2em 0;
  text-align: center;
}

#footer a {
  color: #000066;
  font-size:12px;
  font-weight:bold;
  text-decoration:none; 
}

#footer a:hover {
  color: #FF0000;
	  text-decoration:underline;
}

#clearone {
  clear: both;
  height: 1px;
}

.anketa {
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-LEFT: 1px solid #CCCCCC; BORDER-RIGHT: 1px solid #CCCCCC; BORDER-BOTTOM:1px solid #CCCCCC; BORDER-TOP:1px solid #CCCCCC; 
}

fieldset {
 padding: 5px 0px 10px 0px;
 border: 1px solid #999999; 
 color: darkblue;
 font-size: 13px; 
}

legend {
 top: 0px;
 background: #FFFFFF;
 border-top: 3px solid silver; 
 border-right: 1px solid silver; 
 border-bottom: 1px solid silver; 
 border-left: 1px solid silver; 
 margin: 0px 5px 0px 5px;
 padding: 0px 10px;
 color: darkblue;
 font-size: 13px; 
 font-weight: bold; 
} 

label {
 color:darkblue;
 padding:0 5px 0 10px;
}

.button_table {width: 95%;
	FONT-SIZE: 10px; letter-spacing: 0px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #EEEEEE; COLOR: black; TEXT-DECORATION: none; 
    cursor:pointer
}

.io_background {
	BACKGROUND-COLOR: #FFFFFF; 
}

.io_image_bg {
	BACKGROUND-COLOR: #EFEFEF; width: 80px;
}

.io_tovar_bg {
	BACKGROUND-COLOR: #EFEFEF;
}
.io_tovar_bg:hover {
	COLOR: #FF0000; TEXT-DECORATION: underline; FONT-WEIGHT: bold;
}

.io_kosik_hlavicka {
	BACKGROUND-COLOR: #DDDDDD; FONT-WEIGHT: bold;
}

.io_kosik_riadok {
	BACKGROUND-COLOR: #FFFFFF; COLOR: #000000;
}

.io_kosik_telo {
	BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: ITALIC; 
}

.io_button_kupit {
/*
	width:50px; FONT-SIZE: 10px; letter-spacing: 0px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #EFEFEF; COLOR: darkgreen; TEXT-DECORATION: none; 
*/
}

.io_button_pokracovat {
/*
	width:70px; FONT-SIZE: 10px; letter-spacing: 0px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #EFEFEF; COLOR: darkgreen; TEXT-DECORATION: none;
*/
}

.io_input_no_border {
	height: 20; BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP:0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM:0px; FONT-FAMILY: Arial CE, Helvetica, "Helvetica CE", sans-serif
}

.io_form_error {
	COLOR: #CC0000; TEXT-DECORATION: none; FONT-WEIGHT: bold; FONT-SIZE: 11px;
}
.povinna_polozka {
	COLOR: darkgreen; TEXT-DECORATION: none; 
}

.label_for_text{
text-align: right;
margin-left: 5px;
background-color: #FFF;
text-color: #FFF;
}
.add_button{
height:18px; 
float:right; 
padding: 2px 5px 0px 25px; 
cursor:pointer; 
background-color:#4E77B5;
background-image: url(mysql/images/newitem.gif);
background-repeat: no-repeat;
background-position:2px 2px;
border-top: 1px solid black;
color:white;
}

.filter_zobraz{
height:18px; 
width:90px;
margin: 5px 1px 1px 1px;
padding: 2px 5px 0px 25px; 
cursor:pointer; 
background-color:#4E77B5;
background-image: url(mysql/images/filter.gif);
background-repeat: no-repeat;
background-position:2px 2px;
border-top: 1px solid black;
color:white;
}

.filter{
margin: 5px 0px 5px 0px;
}

#CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 250px;
  width: 250px;
  z-index: 99;
}

#CalendarControl {
  position:absolute;
  background-color:#FFF;
  margin:0px 0px 0px 2px;
  padding:0;
  display:none;
  z-index: 100;
}

#CalendarControl table {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 8pt;
  border-left: 1px solid #4E77B5;
  border-right: 1px solid #4E77B5;
}

#CalendarControl th {
  font-weight: normal;
}

#CalendarControl th a {
  font-weight: normal;
  text-decoration: none;
  color: #FFF;
  padding: 1px;
}

#CalendarControl td {
  text-align: center;
}

#CalendarControl .header {
  background-color: #4E77B5;
}

#CalendarControl .weekday {
  background-color: #DDD;
  color: #000;
}

#CalendarControl .weekend {
  background-color: #FFC;
  color: #000;
}

#CalendarControl .current {
  border: 1px solid #339;
  background-color: #336;
  color: #FFF;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 2em;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #336;
  border: 1px solid #999;
}

#CalendarControl .previous {
  text-align: left;
}

#CalendarControl .next {
  text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
  padding: 1px 3px 1px 3px;
  font-size: 1.4em;
}

#CalendarControl .previous a,
#CalendarControl .next a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
}

#CalendarControl .empty {
  background-color: #CCC;
  border: 1px solid #FFF;
}

.form {
	background-color: #EEE;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	border: 0px solid #C1BAFE;
	font-size: 12px;
	color:black;
}

.label_for_text{
  width:120px;
  text-align: right;
  margin: 2px 2px 0px 0px;
  background-color: #EEE;
  position: absolute;
  color:black;
  font-weight: normal;
}	

.labelForRequiredText{
  width:120px;
  text-align: right;
  margin: 2px 2px 0px 0px;
  background-color: #EEE;
  position: absolute;
  color:darkred;
  font-weight: normal;
}

.text{
margin: 0 0px 0 142px;
}

.textDate{
  margin-left: 142px;	
  width:65px;
}

.checkBox{
margin: 0 10px 0 138px;
}

.field{
  text-align: left;
}

.formHeader{
  margin: 10px;
  height:1px;
  background-color: #AAA;
}

.formFooter{
  margin: 10px 0px 10px 0px;
  padding: 5px;
  background-color: #AAA;
}

.pocetNavstev{
  margin: 0px 0px 5px 0px;
  padding: 1px;
  background-color: #DDD;
  text-align:right; 
  color:darkblue; 
  font-weight:normal;  
}

