/* ******************************************* RESET ************************************** */	

	html{color:#000; background:#FFF}
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin:0; padding:0}
	table{border-collapse:collapse; border-spacing:0}
	fieldset, img{border:0}
	address, caption, cite, code, dfn, em, strong, th, var, optgroup{font-style:inherit; font-weight:inherit}
	del, ins{text-decoration:none}
	li{list-style:none}
	caption, th{text-align:left}
	h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
	q:before, q:after{content:''}
	abbr, acronym{border:0; font-variant:normal}
	sup{vertical-align:baseline}
	sub{vertical-align:baseline}
	legend{color:#000}
	input, button, textarea, select, optgroup, option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
	input, button, textarea, select{*font-size:100%}

/* ******************************************* GRID ************************************** 12 columns, 60 pixels each, with 20 pixel gutter */	

	.grid_1{width:60px}		.grid_2{width:140px}	.grid_3{width:220px}	.grid_4{width:300px}
	.grid_5{width:380px}	.grid_6{width:460px}	.grid_7{width:540px}	.grid_8{width:620px}
	.grid_9{width:700px}	.grid_10{width:780px}	.grid_11{width:860px}	.grid_12{width:940px}
	.column, .col{margin:0 10px; overflow:hidden; float:left; display:inline}
	.column0, .col0{margin:0; overflow:hidden; float:left; display:inline}
	.row0{width:100%; overflow:hidden; float:left; display:inline}
	.row{width:960px; margin:0 auto; overflow:hidden}
	.row .row{margin:0 0px; width:auto; display:inline-block}
	.full{width:940px; margin:0 auto; overflow:hidden; padding:0 10px}
	.r {float:right;}
	.l {float:left;}
/* ******************************************* LAYOUT ************************************** */	

	body, html {
		
		margin:0;padding:0;height:100%;position:relative;
		
	}

		
	#about {display:block;background:#fff;position:fixed;bottom:20px;right:0px;z-index:99;padding:7px 20px;font-size:11px;opacity:1;border-right:5px solid #42AAE6; text-align:right;
	  box-shadow:0 0 10px rgba(0,0,0,0.2);
	}
	
	html {
	}


	body {

		margin:0;
		font-size: 72%;
		font-family: Arial, Verdana;
		cursor:default;
	}
	h1
	{
	  font-family: "Times new roman",Arial, Verdana;
	  font-weight: normal;
	  font-size:35px;
	  font-style:italic;
	  letter-spacing:-1px;
	  margin: 0 0 10px 0;
	  color:#000;
	  text-shadow: rgba(255,255,255,0.7) 2px 2px 1px;
	}
	
	h2 {font-size:25px;width:100%;}
	h4 {font-size:18px;width:100%;}
	a {color:#0F98CB;text-decoration:none}
	a:hover {text-decoration:underline;cursor:pointer;}
	a img {border:none;}
	b, strong {color:#444;}	
	p {margin:10px 0;line-height:1.4em;font-size:1.1em;}
	input[type=password],input[type=text],textarea {

		background-color: #f9f9f9;
		border-color: #fff #ddd #ddd #fff;
		border: 1px solid #ccc;
		padding:5px;
		color:#222;
	}
	input[type=submit] {cursor:pointer;}
	select	{ padding:1px; }
	form label {padding-top:10px;}
	form {width:90%;overflow:auto;padding:1px;}
	form h1 {font-size:2em;margin-bottom:20px;}
	form input[type=text] {float:left;margin-top:10px;}
	form input[type=radio] {float:left;margin-left:20px;margin-bottom:10px;margin-top:0px;}
	form textarea {float:left;width:250px;margin-top:10px;}
	form select {float:left;width:260px;padding:5px;margin-top:10px;}
	form input[type=text],form input[type=password] {width:250px;}
	form br {clear:both;}
	form label {float:left;margin-top:10px;width:120px;padding:5px;}
	
	table td {	padding:2px 5px;}

	/* fruit */

	.jablon 	{color:#FE3434}
	.hruska 	{color:#FAF402}
	.marhula 	{color:#FD9834}
	.slivka		{color:#67CCCC}
	.ceresna	{color:#FF0098}
	.orech		{color:#CB9668}
	.morusa		{color:#CC0101}
	.visna		{color:#CB0032}
	.lieska		{color:#34CC01}
	.ribezla	{color:#980065}
	.figa		{color:#FD6601}

/* ******************************************* LAYOUT ************************************** */	

  
	#header { margin:0 auto; height:100px; text-align:center;  }
	#logo { display:block; overflow:hidden;padding:0px; padding-left:20px; color:#000; padding-top:0px; font-style:normal; 
	text-shadow:none;
	padding:6px 0 10px 30px;
  font-family: 'times new roman';
  font-size: 36px;
  font-style: italic;
  letter-spacing: -2px;
  margin: 0px 0 20px 0;
  display: block;
  	
}
#logo sup {color:#EA0F52;;}
/*#logo sup {vertical-align:top;font-size:18px;letter-spacing:0px;color:#222;padding-left:3px;color:#EA0F52;}*/
	#logo a {color:#000;
	  
	}
	#description {display:none;position:fixed; top:80px; left:30px; padding:10px;
		color:#fff;
		background:#62B346;
		z-index:9999;
		width:200px;
		font-size:12px;
	}
	#logo small {font-size:12px;color:#666;font-style:normal;letter-spacing:0;clear:both;display:block;}
	#logoimg {visibility:hidden;display:none;}

	#content {

		margin:0;padding:0;
		background:transparent;

		z-index:99;
		overflow:hidden;
		position:relative;
		margin:0 auto;
		padding:10px;
		margin-top:30px;
		opacity:0.9;
		width:960px;

/*
		background:transparent;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		-box-shadow:none;
		opacity:0.9;
		padding:0;
		padding-top:50px;
*/
	}

	/*#menu {position:absolute;z-index:9999;bottom:146px;right:10px}*/
	#menu {
		
		margin-left:0px;
		float:left;
		background:#fff;
		display:block;
		overflow:hidden;
		margin-top:30px;
		/*position:absolute;
		z-index:9999;top:140px;right:10px*/
		
	}
	#menu li { 
		float:left;
		margin:0;
		display:inline;
		padding:5px 0;
		
	}
	#menu li a {
	
	  border-right:1px solid #ccc;
		outline:none;
		text-decoration:none;
		color:#555;
		background:#fff;
		padding:1px 10px;
		
		margin:0;
		font-size:13px;
			
	}
	#menu li.last a {border:0;}
	#menu li a#facebook {float:right;padding:0 10px;position:absolute; right:20px; top:20px;}
	#menu li a:hover,#menu li a.selected { 
	
		color:#000;
			
	}
	#menu li:last-child a {border-right:0px;}
	
	#language 
	{
		
		/*position:absolute;
		top:45px;
		right:35px;
		text-align:right;*/
		font-size:12px;
		font-weight:bold;
	}
	#language a {
		
	  color:#42AAE6!important;
	  margin:0 0 0 6px!important;
	  padding:0!important;
		/*padding:5px 2px;*/
/*
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border:1px solid #999;
*/
		
	}

/* *******************************************	AJAX  ************************************** */

	#ajaxcontent {
		
		position:absolute;
		right:0;
		width:0;
		height:100%;
		z-index:10;
		background:#fff;
		overflow:hidden;
	}
	#ajaxcontent div {
		padding:40px;	
	}

/* *******************************************	SEARCH ************************************** */	
	
	body #search_container input[type=text], 
	body #search_container input[type=button] { 
		
    margin:0;
    font-size:13px!important;
    font-weight:normal!important;
    padding:6px 15px 6px 6px!important;
    border:1px solid #ddd!important;
    margin:0!important;
    outline:0!important;
    
	}
	body #search_container input[type=button] { margin-left:-10px !important;background:#74A7FA;color:#fff; padding:6px 10px!important; border-radius:0 2px 2px 0; border:1px solid #74A7FA!important}

	#center {
	  position:fixed;
	  top:100px;
	  left:90px;
	  z-index:9999;
	}
	#center #search_container input[type=text] {
	  width:130px;
	}
	#center #search_container input[type=button] {
	}


/* *******************************************	MAP ************************************** */

	#map_container{height:100%;}
	#mapa {
		top:0;
		left:0;
		z-index:9;
		border:0;
		width:100%;
		height:100%;
	}
		
	
/* *******************************************	FOOTER ************************************** */
	
	#footer {
		
		padding:0px 0 0px 0;
		width:100%;
		background:#fff;
		z-index:99;
		overflow:hidden;
		top:0;
		height:80px;
		
	}
	
	#footer > div {

		overflow:hidden;
		padding:0%;
		padding-top:12px;
		float:left;
	}
	#footer > div:first-child { width:196px }
	#footer > div h3 {border-bottom:1px solid #eee;padding:3px 0;margin:6px 0;font-weight:bold;}
	#footer #center  { padding-top:18px;}

	#legenda {position:absolute;top:27px;right:5px;z-index:9999;width:247px;background:#fff;padding:10px;border:1px solid #555; opacity:0.85}
	#legenda.legenda_hidden {background:#FFFF86;opacity:1;color:#222;}
	#legenda.legenda_hidden b.showhide {color:#222;}
	#legenda #legend {text-align:center;display:block;font-size:12px;padding:0;margin:0;}
	#legenda:hover {opacity:1;}
	#legenda > div {
		margin-top:10px;
	}
	#legenda div > span b {
	
		font-size:13px;	
	}
	#legenda div > span {
		
		font-size:12px;
		border-bottom:1px solid #ddd;
		display:block;
		width:100px;
		margin-right:10px;
		float:left;
		
	}
/* 	///////////////////////////////////// COMMENTS AND LIKES ////////////////////////////////////	*/

	.commentform {width:390px;margin:0;padding:0;border:0;background-color:#fff;border:1px solid #fff;overflow:auto;}
	.commentform > a {display:none;}
	.commentform textarea, .commentform input[type=text] {width:97%}
	.commentform label {display:block;clear:both;}
	.commentform br {clear:both;}
	.commentform input[type=submit] {background-color:#fff;margin-top:20px;}
	.comments-delete {color:#f00;}
	.reply {color:#00f;}
	.comment {font-size:13px !important;border-bottom:1px dotted #000;margin-bottom:10px;}
	.comment a {text-decoration:none;}
	.comment b {color:#0F4D95; color:#000; }
	.comment > img {width:48px;float:left;margin: 0 7px 5px 0;}
	.r {float:right;margin-top:5px;}
	.l {float:left;margin-top:5px;}
	.c {width:100%; text-align:center;}
	h1.c {font-weight:bold; color:#333;}

	.white {
		
		border:1px solid #ddd;
		background:#fff;
		margin:20px auto;
		padding:20px;
		-webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, .3);
		-moz-box-shadow: 1px 5px 10px rgba(0, 0, 0, .3);
		box-shadow: 0px 5px 10px rgba(0, 0, 0, .3);
		
	}
	.whitebg {
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		background:#fff;
		padding:4px 15px;
		
	}
	.rounded {
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}
	.shadow {

		background:#fff;
		
		-webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, .3);
		-moz-box-shadow: 1px 5px 10px rgba(0, 0, 0, .3);
		box-shadow: 1px 5px 10px rgba(0, 0, 0, .3);
	}
	

	#searchstring a {font-size:x-small;
	  display:inline-block;
	  margin-top:5px;
	  background:#FFFF92;
	  color:#222;
	  background:#fff;
	  color:#666;
	  border-radius:2px;
    font-size:11px;
	  padding:0px 4px;
	}	

	#zabudnute-heslo {
		
		display:none;
		text-align:center;
		position:absolute;
		z-index:1;
		width:400px;
		left:50%;
		top:160px;
		margin-left:-200px;
		margin-top:30px;
	}


/* 	///////////////////////////////////// CLASSES ////////////////////////////////////	*/


	.like {margin:0;overflow:auto;display:inline;font-size:0.9em;}
	.like a {color:#555;}
	.like span {margin:0;margin-left:5px;position:relative;}
	.like img.thumbs {width:24px;top:3px;position:relative;top:8px;}
	
	a.morelikes {color:#0AA215}
	a.moredislikes {color:#DE2936}

	
	.clear   	{ 	clear:both; 			}
	.biglink	{ 	cursor:pointer;			}
	.border0 	{ 	border:none !important;	}
	.sub 		{	color:#888;    			}
	.text 		{   font-size:1.2em; 		}
	.white 		{ 	padding: 20px;}

	a.no-underline {text-decoration:none;}
	a.no-underline:hover {text-decoration:underline;}

	.l {float:left; display:block;clear:both;}
	.r {float:right;display:block;clear:both;}

	a.button, input[type=submit],input[type=button]
	{
		cursor:pointer;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		text-decoration:none;;		
		background-color:#eee;
		color:#222;
		text-align:center;
		border:none;
		border:1px solid #ccc;
		font-size:13px !important;
		padding:2px 10px !important;
		margin:3px 0;
		font-weight:bold !important;
	}
	a.button {padding:3px 10px !important;font-size:13px !important;}
	a.button:hover, input[type=submit]:hover,input[type=button]:hover {
		
		color:#000;
		text-decoration:none;
		border:1px solid #999;
	}

	.underline {text-decoration:underline;}
	.close {float:right;font-size:12px;position:absolute;top:5px;right:10px;}

	label.error {color:#3CBF4C;font-weight:bold;padding:5px 0;font-size:12px;}
	
/* 	///////////////////////////////////// PAGING ////////////////////////////////////	*/

	#paging {padding:10px;}
	#paging a {padding:10px;font-size:1.5em;}
	#paging a.currentPage {font-weight:bold; color:#333;}

	
/* 	///////////////////////////////////// SYSTEM MESSAGE ////////////////////////////////////	*/
	
	#message {display:none;background-color:#4DB2D3;-moz-border-radius:5px;width:280px;position:fixed;bottom:10px;right:10px;color:#fff;font-size:17px;padding:20px;text-align:left;z-index:9999;}
	#message .close {font-size:small;}
	#message a {color:#fff !important;}
	
	
/* ********************** THICKBOX ************************** */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	overflow:hidden;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.2;
}

* html #TB_overlay { /* ie6 hack */
	 position: absolute;
	 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#A3D4E3;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
	 position: absolute;
	 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

  .tipsy { padding: 5px; font-size: 10px; opacity: 1; background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
  .tipsy-inner { padding: 5px 18px 4px 18px; border:1px solid #000; background-color: black; color: white; max-width: 200px; text-align: left; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: -229px bottom; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

	.ac_results {
		padding: 0px;
		border: 1px solid #eee;
		background-color:#fff !important;
		overflow: visible;
		z-index:9999;
	}
	
	.ac_results ul {
		
		background-color:#fff;
		list-style-position: outside;
		width:100%;
		list-style: none;
		padding: 0px;
		margin: 0;
		
	}
	
	.ac_results iframe {
		display:none;/*sorry for IE5*/
		display/**/:block;/*sorry for IE5*/
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
		filter:mask();
		width:3000px;
		height:3000px;
	}
	
	.ac_results li {
		background-color:#fff;
		margin: 0px;
		padding: 8px 3px;
		cursor: pointer;
		border-bottom:1px solid #ccc;
		margin-top:-1px;
		display: block;
		overflow: hidden;
	}
	.ac_results li:hover,.ac_results li:focus {
		background-color:#76B452 !important;
	}
	
	.ac_loading {
		background : Window url('../images/ajax.gif') 97% center no-repeat;
		margin-right: 0px;
	}
	
	.ac_over {
		
		background-color:#76B452 !important;
		color: HighlightText;
		color: #fff;
	}	
/* 	///////////////////////////////////// TABLESORTER ////////////////////////////////////	*/

		/* tablesorter */

			table.admin-menu-table td{border-right:1px dotted #222;}
			.admin-info {font-size:small;color:#666;margin-bottom:20px;}
			.number{font-size:x-large;}
			
			/* tables */
			table.tablesorter {
				font-family:arial;
				background-color: #FFF;
				margin:0px 0pt;
				font-size: 12px;
				width: 98.5%;
				text-align: left;
			}
			table.tablesorter thead tr th, table.tablesorter tfoot tr th {
				background-color: #D9EDF4;
				border: 1px solid #FFF;
				color:#000;
				font-size: 12px;
				font-weight:bold;
				padding: 6px;
			}
			table.tablesorter thead tr .header {
				background-image: url(../img/bg.gif);
				background-repeat: no-repeat;
				background-position: center right;
				cursor: pointer;
			}
			table.tablesorter tbody td {
				color: #3D3D3D;
				padding: 4px;
				background-color: #FFF;
				vertical-align: middle;
				border:1px solid #fff;
			}
			table.tablesorter tbody tr.odd td {
				background-color:#F6f6f6;
			}
			table.tablesorter tbody tr:hover td {
				
				background:#D3FAFF;
				background:#EAFCFF;
				
			}
			table.tablesorter thead tr .headerSortUp {
				background-image: url(../img/asc.gif);
			}
			table.tablesorter thead tr .headerSortDown {
				background-image: url(../img/desc.gif);
			}
			table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
			background-color: #8dbdd8;
			}