/* CSS Document */

* {	margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }

/* .lp = > Logiprim */
 
body {
	color: #ccc;
	background: #182331 url(../img/theme/light/title_b.jpg) repeat-x;
}
.lp #container {
	width: 883px;
	margin: 0px auto;
	position: relative;
} 
.lp .smoll  #mainContent { font-size: x-small; }
.lp .middle #mainContent { font-size: smaller; }
.lp .large  #mainContent { font-size: medium; }

.lp .smoll  #mainContent p { line-height: 20px; }
.lp .middle #mainContent p { line-height: 24px; }
.lp .large  #mainContent p { line-height: 28px; }

.lp #mainContent h1, 
.lp #mainContent h2 { margin: 10px 0; padding: 0 0 5px 10px; border-bottom: thin solid #999;}
.lp #mainContent h3 { margin: 5px 0; padding: 10px 0 5px 10px; border-bottom: thin solid #999;}
.lp #mainContent h4 { margin: 5px 0; padding: 10px 0 5px 10px; border-bottom: thin solid #999;}

.lp #header {
	height: 287px;
	position: relative;
} 
.lp #header #themechanger {
	position: absolute;
	height: 25px;
	width: 710px;
	top: 10px;
	right: 5px;
	text-align: right;
	font-size: 12px;
	color: #333;
}
.lp #header #themechanger a {
	color: #999999;
}

/** > */
.lp #header #themechanger form a {
	text-decoration: none;
}

.lp #header h1 {
	height: 73px;
	margin: 0 auto;
	width: 233px;
	background: url(../img/theme/light/logo.png) no-repeat center center;
}
.lp #header-content {
	position: absolute;
	width: 867px;
	height: 198px;
	top: 81px;
	left: 8px;
	
}

.lp #header .shadow {position: absolute; background: url(../img/theme/light/title_shadow.png); _font-size: 0px;}
.lp #header .sha_top {left: 8px; top: 73px; width: 867px; height: 8px; background-position: 0px -16px; background-repeat: repeat-x;}
.lp #header .sha_bot {right: 8px; bottom: 0px; width: 867px; height: 8px; background-position: 0px -24px; background-repeat: repeat-x;}
.lp #header .sha_tl {left: 0px; top: 73px; width: 8px; height: 8px; background-position: 0px 0px; background-repeat: no-repeat;}
.lp #header .sha_tr {left: 0px; bottom: 0px; width: 8px; height: 8px; background-position: 0px -8px; background-repeat: no-repeat;}
.lp #header .sha_bl {right: 0px; top: 73px; width: 8px; height: 8px; background-position: -8px 0px; background-repeat: no-repeat;}
.lp #header .sha_br {right: 0px; bottom: 0px; width: 8px; height: 8px; background-position: -8px -8px; background-repeat: no-repeat;}
.lp #header .sha_lr {top: 81px; background: url(../img/theme/light/title_shadow_lr.png);}
.lp #header .sha_left {left: 0px; width: 8px; height: 198px; background-position: 0px 0px; background-repeat: repeat-y;}
.lp #header .sha_right {right: 0px; width: 8px; height: 198px; background-position: -8px 0px; background-repeat: repeat-y;}

/* TopMenu */
.lp #topMenu {
	height: 29px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	background: #2A2E37 url(../img/theme/light/b_menu_back.png) repeat-x;
	width: 883px;
}
/** > */
.lp #topMenu ul {
}
/** > */
.lp #topMenu ul li {
	float: left;
	list-style: none;
	text-align: center;
}
.lp #topMenu ul li ul li {
	float: none;
	text-align: left;

	/* IE 6 Hacks */
	_padding: 0px;
	_margin: 0px;
	_border: 0px;
	_display: block;
	_float: left;
	_clear: left;
	_font-size: 0px;
	_width: 180px;
}
/** > */
.lp #topMenu ul li a {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px 18px;
	_padding: 5px 16px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	border-top: 5px solid #FBDC87;
	
}
/*.lp ul li */

.lp #topMenu ul li ul li a {
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 0px 15px 0px 5px;
	border-left: 5px solid #993300;
}
/** > */
.lp ul li a,
.lp ul li a:hover {
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; 
		 -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;
}
.lp #topMenu ul li a:hover,
.facets li:hover .popup-select-link {
	z-index: 1;
	background: #333333;
	border-top: 5px solid #993300;
}
/*.lp ul li */
.lp #topMenu ul li ul li a:hover {
	border: none;
	background: #EAEAFF;
	border-left: 5px solid #993300;
	color: black;
}

/** > */
.lp #topMenu ul li.actual a {
	border-top: 5px solid red;
	background: #fff;
	color: black;
}
.lp #topMenu ul li.actual ul li a {
	border: none;
	background: #222;
	color: #fff;
	border-left: 5px solid #993300;
}
.lp #topMenu ul li.actual ul li a:hover {
	border: none;
	background: #EAEAFF;
	color: #000;
	border-left: 5px solid #993300;
}
.lp #topMenu ul li.actual ul li.actual a {
	border-left: 5px solid red;
}
/* TopMenu SubMenu */
/*
 * Popup menu
 *
 * Example:
 	<div class="facets">
 	  <ul class="facets-list">
 		<li class="facet-select"> <a href="#" class="popup-select-link">Menu</a>
		  <div class="popup-select">
			<ul class="">
			  <li><a href="#">jedna</a></li>
			  <li><a href="#">dvì</a></li>
			</ul>
		  </div>
		</li>
	  </ul>
	</div>
 */
.facet-select {
	position: relative;
	float: left;
}
.facets .popup-select {
	_display: none;
	visibility: hidden;
	position: absolute;
	#left: 0px;

}
.facets li .popup-select ul {
	opacity: 0;
	/** Transition */
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; 
		 -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;
	-webkit-transform: translate(-35px, 0px); -moz-transform: translate(-35px, 0px); 
		 -o-transform: translate(-35px, 0px); transform: translate(-35px, 0px);
}
.facets li:hover .popup-select {
	_display: block;
	visibility: visible;
	z-index: 1;

}
.facets li:hover .popup-select ul {
	opacity: 1;
	/** Transition */
	-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out;
	     -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;
	-webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px);
		 -o-transform: translate(0px, 0px); transform: translate(0px, 0px);
}

.facets .popup-select li a {
	border-left: 5px solid #993300;
	font-size: 11px;
	font-weight: bold;
}
.facets li:hover .popup-select-link {
/*	background-color: red;*/
}
.facets ul {
	padding-left: 0px;
	margin: 0px;
}
.facets li {
	list-style: none;
}
.popup-select input, 
.popup-select label {
	cursor: pointer;
}
.popup-select {
	text-align: left;
}
/** > */
.popup-select ul li {
	background: white;
/*	opacity:0.9;
	filter:alpha(opacity=90);*/
}
.popup-select li a {
	display: block;
	line-height: 25px;
	min-width: 130px;
	padding: 0px 15px 0px 5px;
/*	border: 1px solid gray;*/
	background: #222;
	color: #fff;
	text-decoration: none;
}
.popup-select li a:hover {
	background: #999;
	color: #fff;
}
.facets .popup-select li.actual a {
	border-left: 5px solid red;
	font-weight: bold;
}
.lp .pBox  {
	background-color: #9A0000;
	background-image: url(../img/theme/light/backleftmenu.png);
}
.lp .pBox h4 {
	font-size: 12px;
}
.lp  .pBox-content {
	width: 167px;
	padding: 15px 10px;
	background: url(../img/theme/dark/b_menu_back.png) no-repeat;
	border-top: 5px solid #205499;
	height: 200px;
	vertical-align: top;
}
.lp .pBox-content .popup-select li a {
	height: 25px;
}
.lp  .pBox  .shadow {
	background: url(../img/theme/light/b_shadow.png);
}
.lp  .pBox  .sha_top {
	height: 8px;
	background-position: 0px -16px;
	background-repeat: repeat-x;
}
.lp  .pBox  .sha_bot {
	height: 8px;
	background-position: 0px -24px;
	background-repeat: repeat-x;
}
.lp  .pBox  .sha_tl {
	width: 8px;
	height: 8px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.lp  .pBox  .sha_tr {
	width: 8px;
	height: 8px;
	background-position: -8px 0px;
	background-repeat: no-repeat;
}
.lp  .pBox  .sha_bl {
	width: 8px;
	height: 8px;
	background-position: 0px -8px;
	background-repeat: no-repeat;
}
.lp  .pBox  .sha_br {
	width: 8px;
	height: 8px;
	background-position: -8px -8px;
	background-repeat: no-repeat;
}
.lp  .pBox  .sha_lr {
	background: url(../img/theme/light/b_shadow_lr.png);
}
.lp  .pBox  .sha_left {
	width: 8px;
	background-position: 0px 0px;
	background-repeat: repeat-y;
}
.lp  .pBox  .sha_right {
	width: 8px;
	background-position: -8px 0px;
	background-repeat: repeat-y;
}
/* End - popup menu */
/* End - TopMenu */
.lp #sbLeft {
	width: 213px;
	float: left;
	padding-top: 15px;
}

.lp #sbLeft li {
	list-style: none;
}
.lp #sbLeft h4 a {
	color: #000000;
	text-decoration: none;
}
.lp  #sbLeft  h4  {
	padding-bottom: 2px;
	border-bottom: 1px solid #000;
	margin-bottom: 5px;
	color: #000;

}
.lp #sbLeft .popup-select {
	margin: 0px;
	padding-left: 0px;
}
.lp #sbLeft .popup-select li {
	display: block;
	border-left: 5px solid #993300;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}
.lp #sbLeft .popup-select li a {
	background: transparent;
}
.lp #sbLeft li.actual {
	border-left: 5px solid red;
	font-weight: bold;
}
.lp #sbLeft .popup-select li a:hover {
	background: #EAEAFF;
	color: black;
}
.lp #sbRight {
	width: 150px;
	float: right;
	padding-top: 15px;
}

.lp #sbRight .pBox-content {
	width: 114px;
}
.lp #sbRight h4 {
	padding-bottom: 2px;
	border-bottom: 1px solid #000;
	margin-bottom: 5px;
	color: #000;
}
.lp #sbRight h4 a {
	color: #000000;
	text-decoration: none;
}
.lp  #mainBody {
	margin-top: 0px;
	min-height: 350px;
	background-color: #fff;
	line-height: 24px;
/*	background-color: #D8E1EB;
  	background-image: url(../img/theme/light/backactmenu.png);
	background-repeat: repeat-x;*/
	background-position: left -29px;
	color: #333;
	padding: 20px 0 20px 0;
}
.lp   #mainBody   a,
.lp   #mainContent   img {
	color: #fff;
}
.lp  #mainBody  a:hover {
	color: #ccc;
	text-decoration: none;
}
.lp  #mainBody  ul {
	padding-left: 40px;
}
.lp #mainContent {
	padding: 0px 160px 0 213px;
	font-size: smaller;
}
.lp #mainContent a {
	color: #555;
}
/** > */
.lp  #mainContent a img {
	border: 2px solid #2f333e;
	border-bottom: 6px solid #2f333e;
}
.datumRazitko {
	width: 56px; 
	height: 50px; 
	float: left; 
	background-image: url(../img/theme/light/datum.png); 
	margin: 8px 5px 0px 5px;
}
/** > */
.datumRazitko .den {
	font-size: 18px; 
	font-family: Georgia, 'Times New Roman', Times, serif; 
	text-align: center; 
	margin: 2px 6px 0px 0px;
}
/** > */
.datumRazitko .mesic {
	font-size: 10px; 
	font-family: Verdana; 
	text-align: center; 
	margin-right: 6px; 
	color: #a0a0a0;
}
.lp #footer {
	/*	padding: 0 10px 0 20px;*/
	background:#333;
	margin-bottom: 50px;
	background-repeat: no-repeat;
	background-position: right 15px;
	background-image: url(/img/icon_pw_ibm.gif);
} 
.lp #footer p {
	padding: 20px 20px;
}
.lp #footer #address,
.lp #footer #address a {
	color: #999;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.fSiezer {
	text-transform: uppercase; 
}
.fSiezer a {
	text-decoration: none;
	border: thin solid #eee;
	margin: 1px;
	display: block;
	float: left;
	text-align: center;
	width: 20px;
	line-height: 20px;
	color: #eee;
}
.fSiezer a:hover {
	background: #999;
	color: #333;
}
.fSsm { font-size: 10px }
.fSmi { font-size: 14px }
.fSla { font-size: 18px }

.lp .button {
	margin: 8px 2px;
	line-height: 24px;
	padding: 1px;
	padding-right: 6px;
	width: 110px;
}

/** > */
.lp .button span {
	line-height: 24px;
}

.lp .login {
	opacity:0.3;
	filter:alpha(opacity=30);
}
.lp .login:hover,
.lp .login:focus {
	opacity:0.7;
	filter:alpha(opacity=70);
}
.lp .login div {
	height: 24px;
	width: 24px;
	background: url(../img/zamek.png) -1px -2px no-repeat;
	float: left;
	margin-right: 6px;
}
.lp .login:hover div,
.lp .login:focus div {
	height: 24px;
	width: 24px;
	background: url(../img/zamek.png) -25px -2px no-repeat;
	float: left;
	margin-right: 6px;
}
.lp .edit div {
	height: 24px;
	width: 24px;
	background: url(../img/edit.png) -1px -2px no-repeat;
	float: left;
	margin-right: 6px;
}
.lp .edit:hover div,
.lp .edit:focus div {
	height: 24px;
	width: 24px;
	background: url(../img/edit.png) -25px -2px no-repeat;
	float: left;
	margin-right: 6px;
}
.lp .akce div {
	height: 24px;
	width: 24px;
	background: url(../img/akce.png) -1px -2px no-repeat;
	float: left;
	margin-right: 6px;
}
.lp .akce:hover div,
.lp .akce:focus div {
	height: 24px;
	width: 24px;
	background: url(../img/akce.png) -25px -2px no-repeat;
	float: left;
	margin-right: 6px;
}
.lp .news div {
	height: 24px;
	width: 24px;
	background: url(../img/novinky.png) -1px -2px no-repeat;
	float: left;
	margin-right: 6px;
}
.lp .news:hover div,
.lp .news:focus div {
	height: 24px;
	width: 24px;
	background: url(../img/novinky.png) -25px -2px no-repeat;
	float: left;
	margin-right: 6px;
}
.lp .logout div {
	height: 24px;
	width: 24px;
	background: url(../img/logout.png) -25px -2px no-repeat;
	float: left;
	margin-right: 6px;
}
.lp .logout:hover div,
.lp .logout:focus div {
	height: 24px;
	width: 24px;
	background: url(../img/logout.png) -1px -2px no-repeat;
	float: left;
	margin-right: 6px;
}

.lp #footer #breadory {
	width: 100%;
}
.lp #footer .column li {
	margin: 0 20px 0 0;
}
.lp #footer .column {
	line-height: 16px;
	float: left;
	margin: 0 40px 20px 20px;
}
.lp  #footer ol li,
.lp  #footer ul li {
	margin: 0 20px;
	list-style: none;
}
.lp #footer .column li .actual a {
	text-decoration: underline;
}
.lp #footer #directorynav {
	font: "Lucida Grande", "Lucida Sans Unicode";
	font-size: 12px;
}
.lp  #footer #breadory ol#breadcrumbs { 
	font-size: 11px;
	color: #aaa;
}
.lp #footer #breadcrumbs { 
	line-height: 34px;
}
.lp #footer a {
	color: gray;
	text-decoration: none;    
}
.lp #footer .column h3 {
	line-height: 24px;
}
.lp #footer h3 a {
	color: #aaa;
	text-decoration: none;    
}
.lp #footer a:hover {
	color: #eee;
	text-decoration: underline;    
}
.lp #footer .capbottom {
    border-bottom: 1px solid gray;
	clear: both;
}