/****** CSS by AtheIste ********/

/*** Colors *****
menu background inactive:	#40474f;

****************/

/*** Widths *****

whole page:			970px;


****************/

/*** Hacks ******


****************/
body {
	font:		11px Consolas,Arial,Verdana;
	background:	#dfdfdf url(../img/body-fill.jpg) left top repeat-x;
	}

a img {
	  margin:	0;
	  padding:	0;
	  border:	0;
	  }
img {
	margin:	0;
	padding:0;
	}

br {clear:	both; }
a {
	text-decoration:	none;
	color:			#E86809;
	font-style:		italic;
	}

label {
	display:		block;
	width:			10em;
	float:			left;
	}	

a.answer {
	font-size:		14px;
	margin:			15px 0 15px 0;
	display:		block;
	font-weight:	bold;
}

p {
	clear:			both;
	font:			13px Arial Verdana Sans;
	color:			#000;
	}
hr {
	background-color:	#DFE6FE;
	border-color:		#DFE6FE;
	padding:			0;
	height:				1px;
	clear:			both;
}


.click {cursor:	pointer}
.left { float:left;}
.right {float:right;}
.center {	margin:		0 auto 0 auto;
			text-align:	center;
			}
.odsazeni {padding:	0 5px 0 10px;}
.red{color:		#9E1B1B;}
.active {display:	block !important}
.invisible {display:	none;}
.visible {display:	block;}

div {
	border:	0;
	margin:	0;
	padding:0;
	}
table {border:		0;}
td,tr {border:		0;}
	
table tr {height: 24px;}
table td {text-align:	center;}
table thead td {font-weight:	bold;}
table.zakony td{width:			225px;
				border-color:	#aaa;
				}
table.zakony {border-color:	#afafaf;}
table.zakony td a {	display:	block;
					float:		left;
					width:		224px;
					font:		bold 14px Arial,Verdana,Sans;
					}
table.zakony td a:hover {background-color:		#ccc;}

div#body {
	width:		970px;
	margin:		0 auto 0 auto;
	clear:		both;
	}

div#header {
	width:				970px;
	height:				126px;
    position:	        absolute;
	top:		        0px;
	background:			#f3f3f3 url(../img/top-left.jpg) left top no-repeat;
	padding-left:		4px;
	}	
	
div#top {
	width:				966px;
	height:				47px;
	background:			url(../img/top-fill.jpg) left top repeat-x;
	}
	
div#top img#logo-upper {float:left}

div#top span{
	display:			block;
	float:				left;
	padding-top:		12px;
	margin-left:		20px;
	font:				bold 14px Arial,Verdana,Sans;
	}
	
div#top a.title {
	display:			block;
	float:				left;
	padding-top:		12px;
	margin-left:		20px;
	font:				bold 14px Arial,Verdana,Sans;
	}
		
div#juristiReklama {
	height:				30px;
	padding-top:		13px;
	width:				600px;
	font:				bold 15px Arial,Verdana,Sans;
	color:				#E15300;
	text-align:			center;
	display:			none;
}

img#logo {
	float:		right;
	position:	absolute;
	top:		0;
	left:		729px;	/* 970-241 (sirka loga)*/
	z-index:	10;
	}
	
div#search {
	float:		right;
	width:		205px;
	height:		22px;
	padding:	4px 0 0 48px;
	position:	absolute;
	top:		139px;  /* 44+38+141*/
	left:		731px;	/* 970-241 (sirka loga)*/
	background:	url(../img/search.jpg) left top no-repeat;
}

div#search input[type="text"]{
		border:		0;
		width:		94px;
		height:		14px;
		color:		#666;
		float:		left;
		font-size:	11px;
	}
img#search-login {
		position:	absolute;
		top:		1px;
		left:		178px;
	}
	
img#search-mail {
		position:	absolute;
		top:		1px;
		left:		150px;
	}

img#search-rss {
		position:	absolute;
		top:		1px;
		left:		207px;
	}
		
div#menu {
	position:		absolute;
	top:			50px;
	height:			40px;
	clear:			both;
	background: 		url(../img/menu-fill.jpg) left top repeat-x;
	width:			714px;
	overflow:		hidden;
	padding-right:		15px;
	}
		
div#menu ul {
	margin:				0;
	padding:			0;
	float:				left;
	}
	
div#menu li {
	display:			block;
	height:				40px;
	list-style:			none;
	margin:				0;
	float:				left;
	line-height:			1.5;
	overflow:			hidden;
}

div#menu img {
	float:		left;
}
div#menu li a {
	display:			block;
	text-decoration:	none;
	padding:			10px 18px 0px 18px;
	color:				#fff;
	font:				15px Consolas, Arial, Verdana, Sans;
	height:				30px;
	}

div#menu li a.active {	background:			url(../img/menu-a-active.jpg) left top repeat-x;
						color:				#e6cd68;
						}
		 	
/*
div#menu li a:hover {
						background:			url(../img/menu-a-active.jpg) left top repeat-x;
						color:				#e6cd68;
						}
*/
img#bridge {
						position:		absolute;
						left:			531px;
						top:			120px;
						z-index:		5;
						}

div#submenu {
	position:		absolute;
	top:			90px;
	height:			31px;
	background:		url(../img/submenu-fill.jpg) left top repeat-x;
	width:			729px; /* (970 - 241) */
	overflow:		hidden;
}

div#submenu ul {
	margin:			0 0 0 15px;
	padding:		0;
	float:			left;
	overflow:		hidden;
	display:		none;
	}
div#submenu ul.visible {
	display:		block;
}
div#submenu li {
	display:		block;
	list-style:		none;
	margin:			0;
	float:			left;
	overflow:		hidden;
	line-height:		15px;
}

div#submenu li a {
	display:		block;
	text-decoration:	none;
	padding:		8px 15px 0 15px;
	color:			#204071;
	font:			13px Consolas, Arial, Verdana, Sans;
	line-height:		15px;
	}
div#submenu li a:hover {
	text-decoration:	underline;
}
div#submenu li a.active {
	text-decoration:	underline;
}
div#middle {	position:	absolute;
                top:		176px;
                width:		970px;
		}

div#main {
	float:		left;
	width:		724px;
	position:	relative;
	top:		-38px;
}

div#content {
	width:		700px;
	padding:	10px 10px 0px 14px;
	min-height:	1000px;
	font:		13px Arial,Verdana,Sans;
	}

div#content h1 {
	font:		bold 18px Arial,Verdana,Sans;
	color:		#9D1414;
	margin:		15px 0 20px 20px;
	padding-bottom:	0px;
}	

div#content h2 {
	font:		bold 17px Arial,Verdana,Sans;
	color:		#9D1414;
	margin:		20px 0 0 10px;
	padding-bottom:	0px;
}
div#content h3 {
	margin:		20px 0 10px 0px;
	padding-left:0;
	color:		#9E1B1B;
}
div#content h3.center {
	display:	block;
	text-align:	center;
	}
	
div#content p {
	font:		13px Arial,Verdana,Sans;
	margin-top:	5px;
	}
		
div#mapa {
	width:		724px;
	height:		216px;
	float:		left;
	background:	url(../img/mapa.jpg) left top no-repeat;
}

div#mapa h1 {
	clear:		both;
	position:	relative;
	top:		0px;
	left:		23px;
	color:		#fff;
	font:		bold 21px Arial,Verdana,Sans;
}
div#mapa p {
	width:		290px;
	height:		79px;
	position:	relative;
	top:		3px;
	left:		48px;
	color:		#fff;
	font:		13px Arial,Verdana,Sans;
}
div#mapa ul {margin:0; padding:0;}
div#mapa li {
	display:	block;
	float:		left;
	width:		97px;
	height:		47px;
	margin:		7px 1px 0 7px;
	padding:	0;
	text-align: center;
	}
div#mapa li+li {
	margin:		7px 1px 0 2px;
	}
		
div#mapa li a{
	color:		#fff;
	font:		14px Arial, Verdana, Sans;
}

div#mapa li a:hover{
	text-decoration:	underline;
}
div#small-partners {
	display:		none;	/*tmp*/
	width:          724px;
	height:		43px;
	background:     url(../img/small-partners-fill.png) left top repeat-x;
	position:	absolute;
	top:		174px;
	left:		0px;
}

div#small-partners div.images{
	width:		682px;
	padding-top:	3px;
	overflow:	hidden;
	float:		left;
}

div#small-partners div.images img {
	float:		left;
	margin:		0 20px 0 15px;
}

div#text {
	width:          724px;
	background:		url(../img/content-fill-fill.jpg) left top repeat-y;
	position:		relative;
	top:			3px;
}

div#text img.top{
	margin:			0 0 -3px 0;
	clear:			both;
	padding:		0;
	}

div#text img.bottom{
	position:		relative;
	top:			4px;
	clear:			both;
	padding:		0;
	}	
	
div#text div.widget {
	margin:		5px 0px 5px 10px;
	float:		left;
	width:		348px;
	height:		171px;
}

div#text div.widget h1 {
	display:	block;
	width:		328px;
	height:		32px;
	background: url(../img/widget-title.jpg) left top no-repeat;
	margin:		0;
	padding: 	3px 0 5px 20px;
	font:		15px Arial,Verdana,Sans !important;
	color:		#fff;
}
div#text div.widget p {
	width:		328px;
	height:		112px;
	background: url(../img/widget-body.jpg) left top no-repeat;
	margin:		0px;
	padding:	10px 10px 10px 10px;
	font:		12px Arial,Verdana,Sans !important;
	overflow:	hidden;
	text-align:	justify;
}

div#text div.widget p img {
	float:		left;
	margin:		0 15px 20px 0;
	}
	
div#text div#text-extra {
	display:	none;
	width:		100%;
}

div#leftContainer {
	float:		right;
	width:		237px;
}

div#login {
	width:		228px;
	height:		75px;
	padding:	5px 0px 0px 9px;
	background:	url(../img/login.png) left top no-repeat;
	font:		10px Arial,Verdana,Sans;
	text-align:	center;
	display:	none;
	padding-bottom:	16px;
}
div#login h2 {
	font:			bold 13px Arial,Sans,Verdana;
	padding:		0;
	margin:			0 0 7px 0;
	color:			#585858;
}
div#login input{
	width:		95px;
	height:		15px;
	font:		11px Arial,Verdana,Sans;
	float:		left;
	border:		1px inset #9A9A9A;
	margin-right:10px;
	color:		#444;
	text-align:	center;
}
div#login a {
	color:		#9D1414;
}

div#login a#login {
	display:	block;
	width:		63px;
	height:		22px;
	background:	url(../img/login-button.png) left top no-repeat;
	font:		bold 13px Arial,Verdana,Sans;
	color:		#fff;
	padding:	3px 0px 0px 5px;
	position:	relative;
	left:		145px;
	top:		-6px;
	}
	
div#login span{
	text-align:		left;
}

div#partners {
	width:		237px;
	height:		198px;
	background:	url(../img/partner.jpg) left top no-repeat;
	text-align:	center;
	padding-top:5px;
	overflow:	hidden;
	margin-bottom:	3px;
}


div#partners table {
	display:		none;
	float:			left;
	height:			183px;
	width:			233px;
	text-align:		center;
	vertical-align:	middle;
}

div#partners table.active {
	display:		table !important;
	}
	
div#partners h2 {
	font:			bold 13px Arial,Sans,Verdana;
	padding:		0;
	margin:			0 0 7px 0;
	color:			#585858;
}

div#partners table+tr {
	width:				30px;
	}

div#partners .img {
    vertical-align: middle;
	text-align:     center;
	float:			left;
}

div#right-menu {
	width:			100%;
	background:		url(../img/right-menu-bottom.jpg) left bottom no-repeat;
	margin-bottom:	11px;
}

div#right-menu ul {
	background:	url(../img/right-menu-fill.jpg) 0 32px repeat-y;
	height:		32px;
	width:		237px;
	margin:	0; 	padding:	0;
	overflow:	hidden;
}

div#right-menu ul li {
	list-style:			none;
	padding:			10px 0 0 20px;
	height:				22px;
	margin:				0;
}

div#right-menu ul li.first {
	background:			url(../img/right-menu-first.jpg) left top no-repeat;
	list-style:			square inside url(../img/right-menu-li-style.jpg);
	padding:			10px 0 0 10px;
}
div#right-menu ul+ul li.first {
	background:			url(../img/right-menu-li.jpg) left top no-repeat;
	}
	
div#right-menu li a {
	font:		14px Arial,Verdana,Sans;
	color:		#0057a7;
}
div#right-menu h2 {
	color:		#a02222;
	font:		bold 13px Arial,Verdana,Sans;
	margin:		0 0 0 20px;
	padding:	0;
	clear:		both;
}

img#more{
	position:		relative;
	top:			5px;
	left:			30px;
	clear:			both;
	padding:		0;
	}

div#bottom {
	margin:		0 auto 0 auto;
	width:		363px;
	height:		18px;
	padding-top:6px;
	background:	url(../img/bottom.jpg) left top no-repeat;
	text-align:	center;
	font:		italic 12px System,Arial;
	color:		#666;
}

div.answer {
	background-color:	#efefef;
	border:				1px solid #888;
	width:				100%;
	display:			none;
}

hr.blue {
	width:		100%;
	background-color:	#002081;
	height:		1px;
}
							
.line {
	border-bottom:	1px solid #E1E1E1;
	}
	
.fl {
	float:	left !important;
	}
	
.fr {
	float:	right !important;
	}

.vspace {
	float:		left;
	width:		35px;
	height:		1px;
	}
	
.date:after {content: ".";}

.warning {color: #ff0000;}
.success {color: #00ff00;}

a.download {
	padding:	1px 8px 1px 8px;
	background:	#266FBA;
	color:		#ffffff;
	font:		bold 10px Verdana, Arial, Sans;
	text-decoration:	none;
	}

.bold {
	font-weight:	bold;
	}

#logout {
	font-size:		12px;
	padding:		0px 10px 0px 6px;
	position:		relative;
	top:			-7px;
	}

ul.title li {margin-bottom:		10px;
			clear:				both;}
ul.title a {font:	bold 15px Arial,Verdana,Sans;
			color:	#A21F1F;
			}
ul.title a:hover {color:	#F94C4C;}
ul.title div{float:		left;
			 margin:	3px 0px 10px 25px;
			 font-size:	90%;
			 color:		#333;
			 }
.hidden {display: none;}
.grey {color:		#888 !important}
table.menu_tree td {border:		1px solid #bbb;}
table.menu_tree tr:hover{
	background:	#D0D0D0;
}

table.ramecek {
	width:		100%;
	border:		1px solid #888888;
	background:	#D5D5D5;
	text-align:	center;
	}
	
table.ramecek td {
	vertical-align:	middle
}

table.ramecek td img[alt="fotka"] {
	border:  2px inset #989898;
}

div#message {
	width:			93%;
	background:		#CFCFCF;
	border:			1px solid #AAA;
	clear:			both;
	padding:		10px;
	margin:			8px;
	}

a.delete {color:		#b33;}

.alpha {
	display:		block;
	background:		none !important;
	border:			none !important;
}

textarea#entry_2 {
	margin-bottom:	1em;
	}