@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {
	font-family: 'Open Sans',serif;
	#font-family: Candara;
	color: rgb(40,40,40);
	margin: 0px;
	background-position: 0px 85px;
	background-image: linear-gradient(rgb(240,240,240), rgb(250,250,250));
	background-image: -webkit-linear-gradient(rgb(240,240,240), rgb(250,250,250));
	background-color: rgb(250,250,250);
	background-repeat: no-repeat;
	font-size: 10pt;
	background-size: 100% 500px;
}
center {
	margin: 0px;
}
p {
	margin: 0px;
	font-size: 10pt;
}
a {
	font-weight: normal;
	color: rgb(40,140,210);
	text-decoration: none;
}
a:hover {
	color: rgb(250,150,60)
}
img {
	border: 0px;
}
table {
	font-size: 10pt;
	color: rgb(40,40,40);
}
hr {
	height: 1px;
	color: rgb(150,150,150);
	background: transparent; 
	border-width: 1px 0 0 0; 
	border-color: rgb(150,150,150);
	border-style: solid;
}


/* style dla klasy "WebContent" */

.webcontent {
	width: 1110px;
	margin-left: auto;
	margin-right: auto;
}
.webcontent-space {
	height: 20px;
}
.webcontent-header {
	background-image: linear-gradient(rgb(245,245,245), rgb(235,235,235));
	background-image: -webkit-linear-gradient(rgb(245,245,245), rgb(235,235,235));
	background-color: rgb(240,240,240);
	border-bottom: 1px solid rgb(255,255,255);
	height: 35px;
}
.webcontent-subheader {
	background-image: linear-gradient(rgb(250,250,250), rgb(240,240,240));
	background-image: -webkit-linear-gradient(rgb(250,250,250), rgb(240,240,240));
	background-color: rgb(245,245,245);
	border-top: 1px solid rgb(200,200,200);
	height: 60px;
}
.webcontent-content {
	border-left: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	border-top: 1px solid rgb(220,220,220);
	background-color: rgb(255,255,255);
	padding: 10px;
	min-height: 500px;
}


/* style dla klasy "Header" */

.header {
	position: relative;
	width: 100%;
	height: 75px;
}
.header-logo {
	position: absolute;
	top: 10px;
	height: 100%;
}
.header-subtitles {
	display: inline-block;
	padding-left: 30px;
	height: 100%;
}
.header-title {
	position: absolute;
	top: 10px;
	margin-left: -25px;
	font-family: Arial;
	font-weight: bold;
	font-size: 24pt;
	color: rgb(255,255,255);
}
.header-title-light {
	color: rgb(250,150,60);
}
.header-slogan {
	text-decoration: italic;
	font-size: 14pt;
	color: rgb(200,200,200);
}



/* style dla klasy "Menu" */

.menu-mainmenu {
	font-family: 'Open Sans',serif;
#	font-family: Candara;
	font-size: 11px;
	width: 100%;
	height: 35px;
}
.menu-mainmenu-items {
	width: 1110px;
}
.menu-mainmenu-item {
	float: left;
	color: rgb(0,0,0);
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
}
.menu-mainmenu-item-hover {
	font-weight: normal;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: linear-gradient(rgb(255,140,0), rgb(235,120,0));
	background-image: -webkit-linear-gradient(rgb(255,140,0), rgb(235,120,0));
	border-bottom: 1px solid rgb(235,120,0);
	color: rgb(255,255,255);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-shadow: 1px 0px rgb(0,0,0);
}
.menu-mainmenu-submenu {
	position: relative;
	visibility: hidden;
	z-index: 6;
}
.menu-mainmenu-submenu div {
	position: absolute; 
	min-width: 180px;
	padding: 15px; 
	border: 1px solid rgb(235,120,0);
	background-color: rgb(255,255,255);
	top: 35px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.menu-mainmenu-submenu p {
	margin-bottom: 3px;
	font-size: 10pt;
}
.menu-mainmenu-submenu a {
	font-size: 10pt;
	font-weight: normal;
	color: rgb(30,60,100);
}
.menu-mainmenu-submenu a:hover {
	color: rgb(210,110,20);
}
.menu-bottom-menu {
	font-size: 9pt;
	color: rgb(90,90,90);
	padding-bottom: 40px;
}
.menu-bottom-menu-separator {
	width: 100%;
	border-bottom: 1px solid rgb(230,230,230);
}
.menu-bottom-menu p {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.menu-bottom-menu a {
	font-weight: normal;	
	color: rgb(90,90,90);
}
.menu-bottom-menu a:hover {
	color: rgb(250,150,60)
}
.menu-submenu2-menu {
	margin-top: 8px; 
	margin-left: 15px; 
	height: 18px;
}
.menu-submenu2-menu img {
	margin-right: 8px; 
}
.menu-submenu2-menu a {
	font-family: 'Open Sans',serif;
#	font-family: Candara;
	font-size: 10pt;
	font-weight: normal;
	color: rgb(40,140,210);
}
.menu-submenu2-menu a:hover {
	color: (250,150,60)
}
.menu-submenu2-submenu {
	margin-left: 35px; 
	height: 15px;
	margin-top: 3px;
}
.menu-submenu2-submenu a{
	font-size: 10pt;
	color: rgb(90,90,90);
	font-weight: normal;
}
.menu-submenu2-submenu a:hover{
	color: rgb(250,150,60)
}
.menu-fullmenu {
	margin-top: 20px;
	width: 100%;
	background-image: linear-gradient(rgb(110,140,170), rgb(50,80,120));
	background-image: -webkit-linear-gradient(rgb(110,140,170), rgb(50,80,120));
 	border-top: 1px solid rgb(50,80,120);
 	border-bottom: 1px solid rgb(30,60,100);
}
.menu-fullmenu-columns {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	padding: 0px;
}
.menu-fullmenu-columns tr {
	vertical-align: top;
}
.menu-fullmenu-columns p {
	color: rgb(255,255,255);
	font-weight: bold;
}
.menu-fullmenu-columns a {
	color: rgb(255,255,255);
	font-weight: normal;
}
.menu-fullmenu-columns a:hover {
	color: rgb(250,150,60)
}


/* style dla klasy "Frame" */

form {
	margin: 0px;
}
.frame {
	background-color: rgb(245,245,245);
 	border: 1px solid rgb(220,220,220);
	border-radius: 5px;
	margin-bottom: 20px;
	box-shadow: 1px 1px 0px 0px rgba(230,230,230, 230);
}
.frame-light {
	background-color: rgb(245,245,245);
 	border: 1px solid rgb(220,220,220);
	border-radius: 5px;
	box-shadow: 1px 1px 0px 0px rgba(230,230,230, 230);
}
.frame-light-header {
	font-family: Arial;
	background-color: rgb(235,235,235);
	padding: 12px;
	font-size: 13pt;
	color: rgb(100,100,100);
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid rgb(200,200,200);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.frame-superlight {
	background-color: rgb(255,255,255);
 	border: 1px solid rgb(200,200,200);
	box-shadow: 1px 1px 0px 0px rgba(230,230,230, 230);
}
.frame-not-header {
	height: 5px;
}
.frame-header {
	font-family: Arial;
	background-color: rgb(235,235,235);
	padding: 12px;
	font-size: 13pt;
	color: rgb(100,100,100);
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid rgb(200,200,200);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.frame-subtitle {
	color: rgb(40,50,105);
	font-weight: bold;
	font-size: 10pt;
	margin-left: 10px;
}
.frame-content {
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	font-size: 10pt;
}
.frame hr {
	color: rgb(220,220,220);
	border-color: rgb(220,220,220);
}



/* style dla klasy "Link" */

.link-title {
	text-decoration: underline;
}
.link-simple {
	font-weight: normal;
}
.link-large {
	margin: 0px auto 0px auto;
	width: 240px;
}
.link-large div {
	font-family: Arial;
	width: 180px;
	background-image: linear-gradient(rgb(255,140,0), rgb(235,120,0));
	background-image: -webkit-linear-gradient(rgb(255,140,0), rgb(235,120,0));
	border: 1px solid rgb(200,110,0);
	border-radius: 5px;
	padding: 15px;
	font-size: 17pt;
	font-weight: bold;
	text-shadow: 1px 0px rgb(0,0,0);
	color: rgb(255,255,255);
	text-align: center;
	box-shadow: 2px 2px 0px 0px rgba(210,210,210, 210);
}
.link-large div:hover {
	background-image: linear-gradient(rgb(235,120,0), rgb(215,100,0));
	background-image: -webkit-linear-gradient(rgb(235,120,0), rgb(215,100,0));
}
.link-large a:hover {
	text-decoration: none;
}
.link-small div {
	font-family: Arial;
	width: 120px;
	background-image: linear-gradient(rgb(255,140,0), rgb(235,120,0));
	background-image: -webkit-linear-gradient(rgb(255,140,0), rgb(235,120,0));
	border: 1px solid rgb(200,110,0);
	border-radius: 5px;
	padding: 8px;
	font-size: 12pt;
	font-weight: bold;
	text-shadow: 1px 0px rgba(0,0,0,200);
	color: rgb(255,255,255);
	text-align: center;
	box-shadow: 1px 1px 0px 0px rgba(230,230,230, 230);
}
.link-small div:hover {
	background-image: linear-gradient(rgb(235,120,0), rgb(215,100,0));
	background-image: -webkit-linear-gradient(rgb(235,120,0), rgb(215,100,0));
}
.link-small a:hover {
	text-decoration: none;
}



/* style dla klasy "Search" */

.search-label {
	display: inline-block;
	width: 24%;
	text-align: right;
}
.search-keywords {
	display: inline-block;
	width: 46%;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
.search-keywords input {
	width: 98%;
}
.search-button {
	display: inline-block;
	width: 26%;
	text-align: left;
}



/* style dla klasy "Grid" */

.grid-frame {
 	border-top: 1px solid rgb(220,220,220);
 	border-left: 1px solid rgb(220,220,220);
}
.grid {
	width: 100%;
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
	font-size: 10pt;
	border-radius: 5px;
}
.grid td {
 	border-right: 1px solid rgb(220,220,220);
 	border-bottom: 1px solid rgb(220,220,220);
	padding: 10px;
	vertical-align: top;
}
.grid-title {
	font-family: Arial;
	background-color: rgb(235,235,235);
	padding: 5px;
	font-size: 11pt;
	color: rgb(100,100,100);
	font-weight: bold;
	text-align: center;
}
.grid-cell {
	color: rgb(30,30,30);
	font-size: 10pt;
}
.grid-row {
	background-color: rgb(245,245,245);
}
.grid-row:hover {
	background-color: rgb(240,240,240);
}
.grid-subpage {
	margin-top: 10px;
	text-align: left;
}
.grid-subpage-label {
	display: inline-block;
	margin-right: 10px;
}
.grid-subpage-links {
	display: inline-block;
}
.grid-subpage-page {
	font-family: Arial;
	font-size: 9pt;
	display: inline-block;
	border: 1px solid rgb(200,200,200);
	background-color: rgb(245,245,245);
	margin-left: 5px;
	margin-right: 5px;
	padding: 3px 5px 3px 5px;
	font-weight: normal;
	text-align: center;
}
.grid-subpage-active {
	font-family: Arial;
	font-size: 9pt;
	display: inline-block;
	border: 1px solid rgb(200,200,200);
	background-color: rgb(250,150,60);
	margin-left: 5px;
	margin-right: 5px;
	padding: 3px 5px 3px 5px;
	font-weight: bold;
	color: rgb(255,255,255);
	text-align: center;
}




/* Style dla klasy "MessageBox" */

.messagebox {
	font-family: Arial;
	width: 100%;
	height: 100%;
	text-align: center;
}
.messagebox div {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px
}
.messagebox-information {
	font-size: 11pt;
	font-weight: bold;
	color: rgb(80,80,80);
}
.messagebox-error {
	font-size: 11pt;
	font-weight: bold;
	color: rgb(220,10,20);
}



/* Style dla klasy "Form" */

.form-label {
	color: rgb(40,40,40);
	text-align: right;
}
.form-field-short {
	font-family: 'Open Sans',serif;
	color: rgb(60,60,60);
	font-size: 10pt;
	border: 1px solid rgb(200,200,200);
	border-radius: 3px;
	padding: 5px;
	background-image: linear-gradient(rgb(250,250,250), rgb(255,255,255));
	background-image: -webkit-linear-gradient(rgb(250,250,250), rgb(255,255,255));
	background-color: rgb(255,255,255);
	background-size: 100% 10px;
	background-repeat: no-repeat;
	box-shadow: 0px 0px 1px 1px rgba(235,235,235,235);
	width: 25%;
}
.form-field-short:focus {
    outline: 0 none;
}
.form-field {
	font-family: 'Open Sans',serif;
	color: rgb(60,60,60);
	font-size: 10pt;
	border: 1px solid rgb(200,200,200);
	border-radius: 3px;
	padding: 5px;
	background-image: linear-gradient(rgba(250,250,250,250), rgba(255,255,255,255));
	background-image: -webkit-linear-gradient(rgba(250,250,250,250), rgba(250,255,255,255));
	background-color: rgb(255,255,255);
	background-size: 100% 10px;
	background-repeat: no-repeat;
	box-shadow: 0px 0px 1px 1px rgba(235,235,235,235);
	width: 75%;
}
.form-field:focus {
    outline: 0 none;
}
.form-field:disabled {
	color: rgb(180,180,180);
	border: 1 solid rgb(220,220,220);
}
.form-section {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.form-section hr {
	color: rgb(150,150,150);
}
.form-section p {
	color: rgb(150,150,150);
	margin-left: 5px;
	margin-right: 5px;
}



/* Style dla klasy "Section" */

.section {
	border: 0px;
	padding: 2px;
	border-collapse: collapse;
}
.section a {
	font-weight: normal;
}
.section hr {
	margin-top: 10px;
	margin-bottom: 20px;
	height: 1px;
	color: #e95020;
	background: transparent; 
	border-width: 1px 0 0 0; 
	border-color: #cc9933;
	border-style: solid;
}
.section-title {
	color: rgb(40,40,40);
	font-size: 12pt;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
}



/* Style dla klasy "Lister" */

.lister {
}
.lister li {
}



/* Style dla klasy "Page" */

.page-date {
	color: rgb(150,150,150);
}
.page-title {
	color: rgb(240,80,40);
	font-size: 20pt;
}
.page-content {
	text-align: justify;
}
.page-link {
	font-size: 11pt;
	text-decoration: underline;
}


.form-prompter {
	z-index: 2;
	display: none;
	position: absolute;
	border: 1px solid silver; 
	background-color: white;
	box-shadow: 1px 1px 0px 0px rgba(200,200,200, 200);
	width: 75%;
	border-radius: 2px;
}
.search-prompter {
	z-index: 2;
	display: none;
	position: absolute;
	border: 1px solid silver; 
	background-color: white;
	box-shadow: 1px 1px 0px 0px rgba(200,200,200, 200);
	width: 98%;
	border-radius: 2px;
}
.form-prompter-line {
	position: relative;
	height: 0px;
}
.prompter-item {
	padding: 4px;
	color: black;
}
.prompter-item:hover {
	background-color: rgb(240,240,240);
}
.prompter-mainline {
	font-size: 10pt;
}
.prompter-subline {
	font-size: 8pt;
}
.form-combo {
	width: 75%;
}
.form-combo-frame {
	color: rgb(60,60,60);
	border: 1px solid rgb(200,200,200);
	border-radius: 3px;
	padding: 5px;
	background-image: linear-gradient(rgba(250,250,250,250), rgba(255,255,255,255));
	background-image: -webkit-linear-gradient(rgba(250,250,250,250), rgba(250,255,255,255));
	background-color: rgb(255,255,255);
	background-size: 100% 10px;
	background-repeat: no-repeat;
	box-shadow: 0px 0px 1px 1px rgba(235,235,235,235);	
}
.form-combo-frame-internal {
	position: relative;
}
.form-combo-textbox {
	font-family: 'Open Sans',serif;
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
	width: 100%;
}
.form-combo-textbox:focus {
    outline: 0 none;
}
.form-combo-button {
	position: absolute;
	top: -1px;
	right: 0px;
	width: 19px;
	height: 100%;
	background-image: linear-gradient(rgb(255,140,0), rgb(235,120,0));
	background-image: -webkit-linear-gradient(rgb(255,140,0), rgb(235,120,0));
	background-color: rgb(245,130,0);
	border: 1px solid rgb(200,110,0);
	border-radius: 2px;
}
.form-combo-button-arrow {
	margin-left: 7;
	margin-top: 6;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 2.5px 0 2.5px;
	border-color: rgb(255,255,255) transparent transparent transparent;
}
.miniatura {
	border-radius: 2px;
 	border: 1px solid rgb(220,220,220);
	box-shadow: 1px 1px 0px 0px rgba(230,230,230, 230);	
}