BODY {
	background-color: White;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

A {
	color: #3a8a32;
	font-size: 11px;
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

#main {
	width: 970px;
	background-image: url(images/backgroundShadows.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}

#header {
	width: 800px;
	height: 277px;
	background-image: url(images/backgroundHeader.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	background-color: Green;
}

#menuLine1 {
	padding-top: 162px;
	padding-left: 10px;
	height: 45px;
}

#menuLine2{
	padding-left: 10px;
	height: 30px;
}

.menuLine1-Item {
	height: 30px;
	padding-left: 11px;
	padding-right: 17px;
	padding-top: 15px;
	font-size: 14px;
	font-weight: bold;
	color: Black;
	text-decoration: none;
	cursor: default;
	background-image: url(images/menuSeparator1.gif);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
}
.menuLine1-Item:hover {
	text-decoration: none;
}

.menuLine2-Item {
	height: 16px;
	padding-left: 11px;
	padding-right: 17px;
	margin-top: 7px;
	font-size: 13px;
	font-weight: normal;
	color: White;
	float: left;
	border-right: 1px solid white;
}

.mainMenuItem {
	color: white;
	font-size: 13px;
}

#slogan {
	width: 800px;
	text-align: right;
	font-weight: bold;
	font-size: 13px;
	padding-top: 7px;
	padding-bottom: 7px;
}

#content {
	width: 800px;
	text-align: justify;
	display: block;
}

#pageBody {
	width: 582px;
	float: left;
	display: block;
	/*display: table-column;*/
	/*margin-right: 7px;*/
}

#newsItem {
	padding-bottom: 10px;
}

.greenDark {
	color: #00571e;
}

#boxHeader {
	background-image: url(images/boxHeaderBackground1.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 23px;
	width: 380px;
	padding-top: 7px;
	background-color: #6e971e;
	display: block;
	float: none;
}

#boxHeader2 {
	background-image: url(images/boxHeaderBackground1.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 23px;
	width: 191px;
	padding-top: 7px;
	background-color: #6e971e;
	display: block;
	float: none;
}

#boxHeader3 {
	background-image: url(images/boxHeaderBackground2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 23px;
	width: 200px;
	padding-top: 7px;
	background-color: #6e971e;
	display: block;
	float: none;
	text-align: right;
	border-bottom: 1px solid white;
}

#boxBody {
	float: none;
	background-color: #efefef;
	padding: 5px;
	display: block;
}

#boxFooter {
	float: none;;
	background-color: #e3e1e2;
	padding: 5px;
	display: block;
	font-size: 10px;
}

H1 {
	margin-left: 35px;
	color: white;
	font-size: 14px;
	display: inline;
}
H1.headerBezpozadia {
	color: Green;
	font-size: 22px;
	margin: 0px;
	background: none;
	font-style: italic;
	font-variant: small-caps;
}

H2 {
	color: Green;
	font-size: 16px;
	font-weight: bold;
	display: inline;
	font-style: italic;
}

.greenLight {
	color: #4ea903;
	font-size: 13px;
	text-decoration: none;
}

#horizontalSeparator {
	background-color: white;
	border: 0px;
	height: 1px;
	display: block;
}

#cleaner {
	height: 10px;
	clear: both;
}

#footer {
	clear: both;
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 766px;
	height: 33px;
	text-align: right;
	color: White;
	font-weight: bold;
	padding: 17px;
}

#copyright {
	text-align: left;
	width: 800px;
	font-size: 11px;
	color: gray;
}

#bottom {
	width: 970px;
	height: 66px;
	background-image: url(images/backgroundShadowsBottom.jpg);
}

fieldset {
	border: 1px solid green;
}

legend {
	border: 1px solid green;
	background-color: #D8ECB5;
	color: green;
	border-top: 2px solid green;
	font-weight: bold;
	padding: 3px;
}

.legislativa-otazky-header {
	margin-top: 20px;
	border-bottom: 1px solid #c8da9e;
	letter-spacing: 5px;
	font-weight: bold;
	font-size: 14px;
}
.legislativa-otazka-box {
	border: 1px solid #c8da9e;
	background-color: #e3e1e2;
	padding:3px;
	margin-bottom: 10px;
}
.legislativa-odpoved-box {
	border: 1px solid #c8da9e;
	background-color: #efefef;
	margin-left:10px;
	margin-top:10px;
	padding:3px;
}
.legislativa-otazka-box I {
	font-style: normal;
	font-size: 11px;
	color: Gray;
}
.legislativa-odpoved-box I {
	font-style: normal;
	font-size: 11px;
	color: Gray;
}

.photogalleryItem {
	margin: 10px;	
	float: left;
	border: 3px solid #D8ECB5;
}
.photogalleryItem:hover {
	border: 3px solid #c8da9e;
}

.photogalleryItemBox {
	margin: 10px;	
	float: left;
	text-align: center;
}

.photogalleryItemOpener {
	border: 3px solid #D8ECB5;
	float: none;
}
.photogalleryItemOpener:hover {
	border: 3px solid #c8da9e;
}

.photogalleryItemName {
	margin-top: 7px;	
	float: none;
	text-align: center;
	font-weight: bold;
}

.photogalleryItemDate {
	color: Gray;
	font-size: 10px;
}

.add-articles {
	background-image: url(images/add.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 12px;
}
.edit-articles {
	background-image: url(images/pencil.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 12px;
}
.delete-articles {
	background-image: url(images/delete.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 12px;
}

.error {
	color: Red;
	font-weight: bolder;
	background-color: #FFF8DC;
	border: 1px solid red;
	padding: 4px;
	padding-left: 20px;
	background-image: url(images/cancel.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.accept {
	color: Green;
	font-weight: bolder;
	background-color: #FFF8DC;
	border: 1px solid Green;
	padding: 4px;
	padding-left: 20px;
	background-image: url(images/accept.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.information {
	color: Blue;
	font-weight: bolder;
	background-color: #FFF8DC;
	border: 1px solid Blue;
	padding: 4px;
	padding-left: 20px;
	background-image: url(images/information.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
































/* CSS Document */
/* calendar */
.calendar {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	}
.calendar caption {
	margin: 0;
	padding: .3em 0;
/*	background: #ffa51e; */
	background: #184f16;
	color: White;
	}
.calendar th {
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	background: #fff;
	}
.calendar td {
	border: 1px solid #fff;
	padding: .1em .3em ;
	width: 1em;
	text-align: center;
	}
.calendar a {
	color: #000;
	text-decoration: none;
	}

.calendar td.today {
	background: #ffc;
	}
.calendar td.selected {
/*	border: 1px dotted #ff7800;*/
	border: 1px dotted green;
	}
.calendar td.highlighted {
/*	background: #fc9;*/
	background: #a7d03a;
	}
	
.calendar td:hover, .calendar td.today:hover, 
.calendar td.selected:hover, .calendar td.highlighted:hover {
	background: #cff;
	border: 1px solid #09f;
	}

table.calendar td.pad {
	color: #999;
	background: #fff;
	}
table.calendar td.pad:hover {
	background: none;
	border: 0;
	}
	
.sunday, .saturday {
	background: #f0f0f0;
	}
	
#year {
	padding: 0;
	width: 540px;
	list-style: none;
	}
#year:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#year li {
	float: left;
	padding: 0 .5em .5em 0;
	height: 165px;
	}
	
.vysvetlivky-selected {
	border: 1px dotted green;
	padding-left: 7px;
	padding-right: 7px;
	display: inline;
	}
.vysvetlivky-today {
	border: 1px solid white;
	background: #ffc;
	padding-left: 7px;
	padding-right: 7px;
	display: inline;
	}
.vysvetlivky-highlighted {
	border: 1px solid white;
	background: #a7d03a;
	padding-left: 7px;
	padding-right: 7px;
	display: inline;
	}
.event-header {
	color: Green;
	font-size: 16px;
	font-weight: bold;
	display: inline;
	font-style: italic;
	}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* tabber */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-bottom:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #81B723;
 font-weight: bold;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #81B723;
 border-bottom: none;
 background: #D8ECB5;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #81B723; }
ul.tabbernav li a:visited { color: #81B723; }

ul.tabbernav li a:hover
{
 color: white;
 background: #81B723;
/* border-color: #227; */
}

ul.tabbernav li.tabberactive a
{
 color: white;
 background-color: #81B723;
 border-bottom: 1px solid #81B723;
}

ul.tabbernav li.tabberactive a:hover
{
/* color: #81B723;
 background: white;
 border-bottom: 1px solid white; */
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #81B723;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}




















/* forms */
#cont {
	width: 550px;
	display: inline;
}
#cont form.default {
    margin: 0px;
    padding: 0px;
	 width: 530px;
}
#cont form.default .inputline {
    /*clear: both;*/
    margin: 0px 0px 5px 0px;
}
#cont form.default .inputline label {
    display: block;
    float: left;
    text-align: right;
    padding: 0px 10px 0px 0px;
    width: 130px;
}
#cont form.default .inputline label.required {
    font-weight: bold;
}
#cont form.default input, #cont form.default textarea, #cont form.default select {
    font-size: 1em;
}
#cont form.default .long {
    width: 350px;
}
#cont form.default .editor {
    width: 430px;
    float: left;
}
#cont form.default select.long {
    width: 354px;
    _width: 356px;
}
#cont form.default .mid {
    width: 270px;
}
#cont form.default .fvwidth {
    width: 100px;
}
#cont form.default select.mid {
    width: 274px;
    _width: 276px;
}
#cont form.default .short {
    width: 180px;
}
#cont form.default .buttons {
    /*clear: both;*/
}
#cont form.default .submit {
    background: url('images/submit.gif') no-repeat bottom right #006600;
    border: 1px solid #848484;
    color: #FFF;
    font-weight: bold;
    padding: 1px;
    margin: 2px 0px 0px 0px;
    width: 110px;
    cursor: pointer;
}











#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}