/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Elements */

body {
	margin: 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #A1A1A1;
}

h1 {
}

h2, h3, h4, h5, h6 {
	color: #2582A4;
}

p, ol {
	text-align: justify;
}

strong {
	font-weight: bold;
	color: #808080;
}

img {border: none;
}

a {
	color: #87A019;
}

a:hover {
	text-decoration: none;
	color: #2582A4;
}

hr {
height: 1px;
  width: 100%;
  margin: 5px 5px 5px 5px;
}

input.submit {float:center; width:9.0em; margin-right:5px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#87C4DB; border:solid 1px #0AAADB; text-align:center; font-family:verdana,arial,sans-serif; color:#FFFFFF; font-size:100%;}
input.submit:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:#0AAADB; color:#FFFFFF;}


.box {
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(images/img07.gif) repeat-x left bottom;
}
.boxbottom{
	display: block;
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(images/img08.gif) no-repeat left bottom;
}
.red {
		color: red;
}

.yellow {
		color: yellow;
}
.green {
		color: green;
}
.modra {
		color: #1e90ff;
}

.hide {
	display: none;
}


.bottom {
	display: block;
	margin-bottom: 0;
	padding-bottom: 10px;
	background: url(images/img08.gif) no-repeat left bottom;
}

.bottom_centered {
	display: block;
	margin-bottom: 0;
	text-align:center;
	padding-bottom: 10px;
	background: url(images/img08.gif) no-repeat left bottom;
}

.image {
	float: left;
	margin: 3px 0 0 0;
	padding: 0;
}

.indent {
	margin-left: 125px;
}
.right {
float: right;
}

.space_left {
	margin-left: 10px;
}

#center {
	width: 980px;
	margin: 0 auto;
	text-align:center;
}

.center {float: center;}
.center img {
	padding: 0;
	margin: 20px 20px 20px 40px;
}

.blueinfo {float: center;
	margin: 0 2px 0 2px;
	padding: 0 0 0 5px;
	color: #ffffff;
	background: #87C4DB;
	font-weight: bold;
}

.blueinfoy {float: center;
	margin: 0 2px 0 2px;
	padding: 0 0 0 5px;
	color: gold;
	background: #87C4DB;
	font-weight: bold;
}


.greeninfo {float: center;
	margin: 0 2px 0 2px;
	padding: 0 0 0 5px;
	color: #ffffff;
	background: #669933;
	font-weight: bold;
}

.redinfo {float: center;
	margin: 0 2px 0 2px;
	padding: 0 0 0 5px;
	color: #ffffff;
	background: #CC0000;
	font-weight: bold;
}

.just_text { text-align: justify; }
.just_centered { text-align: center; }

#text410 {
	width: 410px;
	text-align: justify;
	margin: 5px 5px 5px 5px;
}


.text390px {
	width: 390px;
	text-align: justify;
	margin: 5px 5px 5px 5px;
}

.qscroller {
	width:430px;
	/*-height:185px;-*/
	border:none;
	background:#fff;
	padding: 5px 5px 5px 5px;
}
.qscroller  h3{
	margin-bottom: 0;
	font-size: 12px;
}


.qscroller0-nav {
	font-size: 10pt;
	width:440px;
	height: 20px;
}

/* Header */

#header {
	width: 980px;
	height: 37px;
	margin: 0 auto;
	background: #BECF74 url(images/img01.gif) repeat-x;
	border-bottom: 3px solid #FFFFFF;
}

.header {
	width: 980px;
	height: 37px;
	margin: 0 auto;
	background: #BECF74 url(images/img01.gif) repeat-x;
	border-bottom: 3px solid #FFFFFF;
}

/*menu old-*/
#langsel {
	float: left;
	width: 400px;
	height: 37px;
	margin: 0px;
	padding: 0 0 0 10px;
	list-style: none;
	background: url(images/img02.gif) no-repeat;
}
/*-#langsel {width:980px; height:8px; margin:0px; padding:.5em; font-size:.76em; color:#000; background:#BECF74; text-align:right; border:none;}--*/
#langsel a: {border: none;display:block;position:relative; color:#FFFFFF;background:#BECF74;float:right;}

#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 14px verdana, sans-serif; position:relative; z-index:200;color:#FFFFFF;background: #BECF74 url(images/img01.gif) repeat-x;}
#nav {height:25px; padding:0; width:600px;color:#FFFFFF;text-transform: lowercase;font-weight: bold;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 20px 0 10px;font: 14px verdana, sans-serif;font-weight: bold;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#FFFFFF;; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background:#BECF74;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#FFFFFF;background:#BECF74;}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#FFFFFF;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
/* Menu */




/*-#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 27px;
	padding: 10px 15px 0px 15px;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	background: #A4B74C url(images/img04.gif) repeat-x;
}
--*/
/* Search */

#search {
	float: right;
	height: 28px;
	margin: 0;
	padding: 9px 25px 0 0;
	background: url(images/img03.gif) no-repeat right top;
}

#search fieldset {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

#input1 {
	width: 164px;
	padding: 2px 5px;
	background: #FFFFFF;
	border: none;
}

#input2 {
	height: 20px;
	background: #87C4DB;
	border: none;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Content */

#content {
	width: 980px;
	margin: 0 auto;
}

#colOne {
width : 202px; 
float : left;
background: url(images/img05.gif) repeat-x;
}

#colOne h3 {
	padding: 0 20px;
}

#colOne ul {
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
	list-style: none;
}

#colOne li {
	padding: 5px 0;
	border-top: 1px solid #EFEFEF;
}

#colOne li.first {
	border: none;
}

#colTwo {
float : left; 
color : #333; 
background : #fafaee; 
margin : 0 0 0 0; 
padding-left: 15px;
padding-right: 5px;
min-height : 504px; 
width :535px; 
display : inline; 
text-align : justify; 
background: url(images/img09.gif) repeat-x;
}

#colTwo h2 {
	margin-top: 0;
	font-size: 26px;
}

#colTwo h3 {
	margin-bottom: 0;
	font-size: 18px;
}

#colTwo h4 {
	margin-top: 0;
	font-size: 11px;
	font-weight: normal;
}

#colTwo .box {
	margin: 0 -30px 30px -20px;
	padding: 0 30px 0 20px;
}

#colTwo .bottom {
	margin: 0 0 20px -20px;
	padding: 0 0 20px 20px;
}

#colThree {
color : #333; 
margin : 0 0 0 0; 
padding : 10px; 
width : 202px; 
float : left; 
background: url(images/img09.gif) repeat-x;
}

#colThree h2 {
	margin-top: 0;
	font-size: 26px;
}

#colThree h3 {
	margin-bottom: 0;
	font-size: 18px;
}

#colThree h4 {
	margin-top: 0;
	font-size: 11px;
	font-weight: normal;
}

#colThree .box {
	margin: 0 -30px 30px -20px;
	padding: 0 30px 0 20px;
}

#colThree .bottom {
	margin: 0 0 20px -20px;
	padding: 0 0 20px 20px;
}


/* Logo */

#logo {
	height: 150px;
	background: url(images/img06.gif) no-repeat;
}

#logo h1, #logo h2, #logo a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
	color: #FFFFFF;
}

#logo h1 {
	padding-top: 25px;
	font-size: 34px;
}

#logo h2 {
	margin-top: -5px;
	font-size: 12px;
}

#sk_gallery {
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding-top: 40px;
	background: #000000;
}

.box400 {
	width: 490px;
	text-align: left;
	margin: 2px 2px 2px 2px;
}


.box400 table {border-collapse:collapse;
	color: #000;
	font-weight: normal;
	font-family: 10px Verdana, sans-serif;
}

.box400	dl {
		width: 490px;
		margin: 15px 0 15px 10px;
		padding: 0;
		font-weight: bold;
		color: #000;
		background: rgb(240,240,240) url(images/box_bottom_400.gif) no-repeat bottom left;
		}

.box400	dt {
		margin: 0 0 10px 0;
		padding: 10px;
		font-size: 130%;
		color: #fff;
		border-bottom: 1px solid #fff;
		background: #999 url(images/box_top_400.gif) no-repeat top left;
		}
	
.box400 dd {
		margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		color: #000;
		font-family: Verdana, sans-serif;
		font-size: 90%;
		}

.box400	a {
	color: #fff;
	text-decoration: none;
}

		

#box400 {
	width: 490px;
	text-align: left;
	margin: 2px 2px 2px 2px;
}

#box400 table {border-collapse:collapse;
	color: #000;
	font-weight: normal;
	font-family: 10px Verdana, sans-serif;
}

#box400	dl {
		width: 490px;
		margin: 15px 0 15px 10px;
		padding: 0;
		font-weight: bold;
		color: #000;
		background: rgb(240,240,240) url(images/box_bottom_400.gif) no-repeat bottom left;
		}

#box400	dt {
		margin: 0 0 10px 0;
		padding: 10px;
		font-size: 130%;
		color: #fff;
		border-bottom: 1px solid #fff;
		background: #999 url(images/box_top_400.gif) no-repeat top left;
		}
	
#box400 dd {
		margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		color: #000;
		font-family: Verdana, sans-serif;
		font-size: 90%;
		}

/* Footer */

#footer {
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding-top: 40px;
	background: url(images/img11.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
}

.footer {
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding-top: 40px;
	background: url(images/img11.gif) repeat-x;
}

.footer p {
	margin: 0;
	text-align: center;
}


.lavyblok200 {
width:280px; margin:0px 5px 0 5px;
text-align: left;
display: block;
}
.pravyblok200 {
width:280px; margin:0px 5px 0 5px;
text-align: left;
display: block;
}

.loginform {width:160px; margin:0px 20px 0 20px;}
.loginform p {clear:both; margin:0; padding:0;}
.loginform fieldset {width:160px; border:none;}
.loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.searchform {width:180px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px #b97; background-color:#edb; color:#b97;}
.searchform p {clear:both; margin:0; padding:0;}
.searchform fieldset {padding:10px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px #eca;}
.searchform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:#FFFFFF; font-weight:bold; font-size:130%;}
.searchform label.left {float:left;width:160px; margin:10 0 0 10px; padding:2px; font-size:110%;}
.searchform label.right {float:right;width:160px; margin:10 0 0 10px; padding:2px; font-size:110%;}
.searchform select.combo {width:160px; padding:5px; margin-left:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:85%; color:#aaa;}
.searchform input.field {width:160px; padding:2px;margin-left:4px;border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}
.searchform input.button {float:right; width:5.0em; margin-right:0px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#87C4DB; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:#FFFFFF; font-size:110%;}
.searchform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.editform {width:175px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.editform p {clear:both; margin:0; padding:0;}
.editform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.editform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.editform label.left {float:left; width:200px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.editform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.editform input.field {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.editform textarea {width:200px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.editform input.button {float:right; width:8.0em; margin-right:10px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.editform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.contactform {width:440x; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform p {clear:both; margin:1px; padding:1px;}
.contactform fieldset {padding:10px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:240px; margin:0 0 0 2px; padding:2px; font-size:110%;}
.contactform select.combo {width:150px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:150px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:150px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.contactform input.file {width:165px; float:right; width:9.0em; margin-right:0px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.file:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}


ul.block {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.block li a,.block li em {
	color: #553;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	background: #BECF30;

	color: #553;
}

ul.block_left {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
	text-align:left;
}
.block_left li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.block_left li a,.block_left li em {
	color: #553;
	display: block;
}
.block_left li em {
	font-size: 0.9em;
	font-style: normal;
}
.block_left li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block_left li a span {font-weight: bold;}
.block_left li a:hover {
	background: #BECF30;
	color: #553;
}

.selecttabs{
width: 100%;
/*overflow: hidden;-*/
float: center;
text-align: center;
}

.selecttabs ul{
margin: 0;
padding: 0;
padding-left: 5px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.selecttabs li{
display: inline;
margin: 0;
}

.selecttabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 2px 3px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #BECF74; /*background of tabs (default state)*/
}

.selecttabs li visited{
color: white;
}

.selecttabs li a:hover, .selecttabs li.selected a{
background: orange; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: white;
}

.pageselecttabs{
width: 100%;
/*overflow: hidden;-*/
float: right;
text-align: center;
}

.pageselecttabs ul{
float: right;
margin: 0;
padding: 0;
padding-left: 5px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.pageselecttabs li{
text-align: center;
display: inline;
margin: 0;
}

.pageselecttabs li a{
display: inline;
text-decoration: none;
margin: 0;
padding: 2px 3px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #0066CC; /*background of tabs (default state)*/
}

.pageselecttabs li visited{
color: white;
}

.pageselecttabs li a:hover, .pageselecttabs li.selected a{
background: orange; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: white;
}

.zoznam li {list-style: square inside;
margin-left: 25px;
}



.latestaddedpar {width:490px; padding:3px 5px 3px 1px;background-color:#E6F0E9; color:#000;}
.latestaddednepar {width:490px; padding:3px 5px 3px 1px;background-color:#FAFEFB; color:#000;}
.latesttableimage {width:120px;height:90px;text-align:right;padding:5px 15px 5px 15px;}
.latestdescription {width:300px; color:#0099ff; padding:5px 15px 5px 15px;}
.latest120px {width:120px;}
.latest270px {width:270px;}
.latest70px {width:70px;}
.latestlink {color:#4169e1}
.latestmodra {color:#4169e1}



</style>