body {
	background: #fff;
	font-family: Calibri, Arial;
	background-size: 100% 100%;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
}

.header {
	background-color:#ffffff;
	font-family:Calibri;
	font-size: 12px;
	color:#173457;
	text-align:center;
	margin: 0px 0px 0px 0px;
	width:100%;
	border:0px solid;
	z-index: 11;
	position: fixed;
	top: 0px;
	height: 160px;
}

.top {
	max-width: 1300px;
	margin: 0 auto;
	height: 104px;
	font-family:Calibri;
	font-size: 12px;
	color:#173457;
}

h1.logo {
	padding: 0px;
	margin-top: 12px;
	cursor: pointer;
}

.logo {
	background: url("../../image/logo_Instytut.jpg") left top no-repeat;
	width: 208px;
	height: 90px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;

}

.logo a {
	display: block;
	height: 90px;
	overflow: hidden;
	position: absolute;
	/*right: 0;*/
	text-indent: -9999px;
	top: 0;
	width: 208px;
}

.title_konf {
	color: #b9a175;
	font-family:Calibri, Arial;
	font-size: 24px;
	text-align:right;
	margin: -55px 20px 0px 350px;
	max-width: 800px;
	line-height: 28px;
	-webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
	float: right;
		border:0px solid;
}

.menu {
	color: #ffffff;
	background-color:#173457;
	font-family:Calibri;
	font-size: 18px;
	text-align:center;
	margin: 4px 0px 0px 0px;
	height: 42px;
	line-height: 42px;
	-webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
	float: left;
		border:0px solid;
		width: 100%;
}

#nav {
	font-family: Calibri;
	font-size: 18px;
	color:#ffffff;
	text-decoration: none;

	margin:0; 
	padding:0; 
	list-style:none;
}	

/* make the LI display inline */

/* it's position relative so that position absolute */

/* can be used in submenu */

#nav li {
	display:inline; 
	padding-bottom: 5px;
	position: relative;

}

#nav li:hover {
	-webkit-transition: all 0.4s ease;
}

/* this is the parent menu */

#nav li a {
	color: #ffffff;
	text-decoration: none;	
	padding-left: 30px;
	padding-right: 30px;
	border-right:1px solid #a69783;
	-webkit-animation:colorchange 2s infinite alternate;
}

#nav li a:hover {
	display: inline;
	color: #cca879;
	text-decoration: none;
	transition: color 2s;
}

/* you can make a different style for default selected value */
#nav a.selected {
	color:#f00;
}


/* display block will make the link fill the whole area of LI */

#nav ul a {
	color: #ffffff;
	text-decoration: none;
	float:left; 
}

#nav ul a:hover {
	color: #cca879;
	text-decoration: none;
}

.printContainer {
	display: none;
}
.cb{ clear: both; }
.left{ float: left; }
.right{ float: right; }

a {
	color: #ab6e1f;
	text-decoration: underline;
}

a:hover {
	color: #cca879;
	text-decoration: underline;
}

.clearfix {
	display: block;
}


* {
	box-sizing: border-box;
}
img {
	width: 100%;
	height: auto;
}
.row:after {
	content: "";
	clear: both;
	display: block;
}



.contactForm {
	margin: 1.8em auto;
	/*padding: 1.8em;*/
	width: 100%;

}



.contactForm .label {
	margin: 0.5em 10% 5px 0;
	float: left;
	display: block;
	line-height: 28px;
	min-width: 14em;
	text-align: right;
	font-size: 1.25em;

}

.contactForm .value {
	float: left;
	/*border: solid 1px red;*/
	width: 100%;
	text-align: left;
}

.contactForm .entry {
	clear: both;
	width: 100%;
}


.contactForm input[type="text"]  {
	background: #ffffff;
	border: 1px #18659f;
	border-radius: inherit;
	margin: 0;
	min-height: 2.2em;
	text-align: left;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	display: block;
	line-height: 1.4em;
	outline: 0 ;
	padding: 0.4em;
	width: 100%;
	border-radius: 0em;
	color: #686868;
	font-family: Calibri, Arial;
	font-size: 18px;

}

.contactForm input[type="text"]:focus  {
	-webkit-box-shadow: 0 0 12px 	#627a96 /*{a-active-background-color}*/;
	-moz-box-shadow: 0 0 12px 		#627a96 /*{a-active-background-color}*/;
	box-shadow: 0 0 12px 			#627a96 /*{a-active-background-color}*/;
}

#datepicker_in, #datepicker_out  {
	background: url("../../image/input_calendar.png") no-repeat center right 2px #ffffff;

}

.contactForm textarea  {
	background: #ffffff;
	border: 1px #18659f;
	border-radius: inherit;
	margin: 0;
	min-height: 2.2em;
	text-align: left;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	display: block;
	line-height: 1.4em;
	outline: 0 none;
	padding: 0.4em;
	width: 100%;
	border-radius: 0em;
	color: #686868;
	font-family: Calibri, Arial;
	font-size: 18px;
}

.contactForm textarea:focus  {
	-webkit-box-shadow: 0 0 12px 	#627a96 /*{a-active-background-color}*/;
	-moz-box-shadow: 0 0 12px 		#627a96 /*{a-active-background-color}*/;
	box-shadow: 0 0 12px 			#627a96 /*{a-active-background-color}*/;
}

.contactForm select  {
	background: #ffffff;
	border: 1px #18659f;
	border-radius: inherit;
	margin: 0;
	min-height: 2.2em;
	text-align: left;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	display: block;
	line-height: 1.4em;
	outline: 0 ;
	padding: 0.4em;
	width: 100%;
	border-radius: 0em;
	color: #686868;
	font-family: Calibri, Arial;
	font-size: 18px;
	-webkit-appearance:none;
  -moz-appearance:none;
	background: url("../../image/drop_down_arrow.png") no-repeat center right 2px #ffffff;

}
.contactForm select:focus  {
	-webkit-box-shadow: 0 0 12px 	#627a96 /*{a-active-background-color}*/;
	-moz-box-shadow: 0 0 12px 		#627a96 /*{a-active-background-color}*/;
	box-shadow: 0 0 12px 			#627a96 /*{a-active-background-color}*/;
}

input[type="submit"], input[type="button"] {
	background: none repeat scroll 0 0 #627a96;
	border: medium none;
	border-radius: 0px;
	box-shadow: 0 -10px 20px #627a96 inset;
	color: #fff;
	cursor: pointer;
	margin-left: 0px;
	padding: 7px 20px;
}

.warning {
	color:red;
	font-size:0.8em;
}

.price_full_fee {
	color: #173486;
	font-family:Calibri, Arial;
	font-weight:bold;
	font-size: 1.3em;
}

.required {
	color:red;
	font-size:0.8em;
}

.offerTop {
	width: 100%;
	border: 1px solid;
	padding: 1em;
}


[class*="col-"] {
	float: left;
	padding: 5px;
	width: 100%;
}




div.configContainer {
  
}


div.configContainer div.confOptionContainer  {
    display: none;
}



@media only screen and (min-width: 600px) {
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}

	img {
		width: auto;
		height: auto;
	}


}

@media only screen and (max-width: 960px) {
	.find {
		left: auto;
		right: 2em;
	}
	.langIcon {
		left: auto;

	}
}



/* fix ie6 small issue 
 we should always avoid using hack like this 
 should put it into separate file : ) 
*html #nav ul {
	margin:0 0 0 -2px;
}*/

.container {
	max-width: 1200px;
	margin: 0 auto;
	border: solid red 0px;
}



.aside {
	background-color: #33b5e5;
	padding: 15px;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.footer {
	background-color: #0099cc;
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	padding: 15px;
}

/*
#main {
	background-color:#e3eaf2;
	color:#273032;
	font-family:Calibri, Arial;
	font-size: 18px;
	line-height: 34px;
	margin: 92px 0px 0px 0px;
	width:100%;
	padding-bottom:28px;
	padding-top:16px;
	border:0px solid;
}

.main {
	position: relative;
	margin: 0;
	overflow-x: hidden;
}

.main.fullscreen {
	height: 100%;
}

.main.style1 {
	text-align: center;
	padding: 3em 0 3em 0;

}

.main.style1 h2 {
	font-size: 4.25em;
	line-height: 1em;
	letter-spacing: -4px;
}

.main.style1:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.main.style1 .content {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1.0;
	display: inline-block;
	vertical-align: middle;
}

.main.style1.inactive .content {
	opacity: 0;
}

.main.style2 {
        max-width: 1200px;
padding: 1em;
	padding: 3em 3em 3em 3em;
	overflow: hidden;
	border: 1px solid red;
}

.main.style2 .content {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	position: relative;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	background-color:#e3eaf2;
	padding: 0 3em 0 3em;
	border-radius: 5px;
}

.main.style2.left:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.main.style2.left .content {
	left: 0;
}

.main.style2.right:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.main.style2.right .content {
	left: 14%;
}

.main.style2.inactive.left .content {
	left: -86%;
}

.main.style2.inactive.right .content {
	left: 120%;
}

.main.style3 {
	text-align: center;
	padding: 3em 10px 3em 10px;
	background-color:#ffffff;
}

.main.contentText {
	padding: 3em 3em 3em 3em;
	overflow: hidden;
	border: 1px solid red;
	background-color:#ffffff;
}



.main.contentText .content {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	position: relative;
	max-width: 1200px;
	display: inline-block;
	vertical-align: middle;
	background-color:#ffffff;
	padding: 0 3em 0 3em;
	border-radius: 2px 50px;
}

.main.contentText.left:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.main.contentText.left .content {
	left: 0;
}

.main.contentText.right:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.main.contentText.right .content {
	left: 14%;
}

.columnRight {	
	float: right;
	background-color: #e3eaf2;	
	margin-left: 30px;
	margin-top: 60px;
}

.menuRight {
	padding: 2em;
	line-height: 25px;
}
.menuRight .link1-head {
	color: #0087ba;
	font-size: 1.2em;
}

.menuRight .link1 {
	padding-left: 1em;
	padding-top: 4px;
}

.menuRight .link1 a {
	color: #000000;
	font-size: 1.1em;
}
.menuRight .link1 a:hover {
	color: #0087ba;

}

.menuRight .link2 {
	padding-left: 2em;
}

.menuRight .link2 a {
	color: #000000;
	font-size: 1.0em;

}
.menuRight .link2 a:hover {
	color: #0087ba;
}

.menuRight .link3 {
	padding-left: 3em;
	line-height: 16px;
}

.menuRight .link3 a {
	color: #000000;
	font-size: 0.8em;

}
.menuRight .link3 a:hover {
	color: #0087ba;
}



.main.style2.inactive.left .content {
	left: -86%;
}

.main.contentText.inactive.right .content {
	left: 120%;
}
.main.footer {
	text-align: left;
	padding: 3em 10px 3em 10px;
	background-color: #0087ba;
	font-family:Calibri, Arial;
	font-size: 16px;
	line-height: 20px;
	color:#ffffff;
	text-align:center;
	margin: 0px 0px 0px 0px;
	width:100%;
	padding-top:45px;
	padding-bottom:60px;
	border:0px solid;
}

.main.footer h2 {
	color: #ef9719;
	font-family:Calibri, Arial;
	font-weight:normal;
	font-size: 22px;
	text-decoration: none;
}

.main.footer a {
	color: #ffffff;
	text-decoration: none;
}

.main.footer a:hover {
	color: #ef9719;
	text-decoration: none;
}

.main.footer ul {
  list-style-position: inside;
  padding: 0;
	line-height: 1.3em;
  list-style-image: url(../../image/Strona/li.png);
}
.main.footer .copyright,.address, .map {
	text-align: left;
	padding-left: 4em;
}
.main.footer .address {
	text-align: left;
	padding-left: 4em;
}*/

div.mottoContent {
	margin: 0 auto; 
	max-width: 1200px;
	padding: 1em;
}

div.motto {
	color:#393939;
	font-family:Calibri, Arial;
	font-size: 18px;
	line-height: 32px;
	text-align:center;
	margin: 0px 0px 0px 0px;
	width:100%;
	padding-bottom:28px;
	padding-top:28px;
	border:0px solid;
        margin-top: 165px;
}

div.motto h1 {
	color: #173457;
	font-family:Calibri, Arial;
	font-weight:bold;
	 letter-spacing: 4px;
	font-size: 23px;
	text-decoration: none;
}

div.motto h2 {
	color: #173457;
	font-family:Calibri, Arial;
	font-weight:normal;
	font-size: 32px;
	line-height: 38px;
	letter-spacing: 1px;
	text-decoration: none;
}

div.motto h3 {
	color: #173486;
	font-family:Calibri, Arial;
	font-weight:normal;
	font-size: 22px;
	text-decoration: none;
}

div.motto h4 {
	color: #173486;
	font-family:Calibri, Arial;
	font-weight:bold;
	font-size: 18px;
	text-decoration: none;
	border-bottom: 1px solid #e9d9c4;
}

div.motto h5 {
	color: #173486;
	font-family:Calibri, Arial;
	font-weight:bold;
	font-size: 24px;
	text-decoration: none;
	border-bottom: 1px solid #e9d9c4;
	text-transform: uppercase;
}

div.motto h6 {
	color: #2b4ba5;
	font-family:Calibri, Arial;
	font-weight:bold;
	font-size: 20px;
	line-height: 22px;
	text-decoration: none;
}

div.motto hr {
	border: 0px;
	height: 1px;
	background: #cca879;
}

div.title {
	background-color:#f6e8dc;
	font-family:Calibri, Arial;
	text-align:left;
	font-size: 18px;
	font-weight:bold;
	color:#a35f50;
	margin:0px 0px 20px 0px;
	width:100%;
	padding:10px;
	border: 0px solid;
    box-shadow: 5px 10px 8px #f1f1f1;
}

div.bottomContent {
	margin: 0 auto; 
	max-width: 1100px;
	padding: 1em;
}

div.bottom {
	background-color:#f1f1f1;
	font-family:Calibri, Arial;
	font-size: 14px;
	line-height:26px;
	color:#666666;
	text-align:left;
	margin: 0px 0px 0px 0px;
	width:100%;
	padding-top:45px;
	padding-bottom:60px;
	border:0px solid;
}

div.bottom h1 {
	color: #1e1e1e;
	font-family:Calibri, Arial;
	font-weight:normal;
	font-size: 16px;
	line-height:12px;
	text-decoration: none;
	font-weight:normal;
}

div.bottom a {
	color: #666666;
	text-decoration: none;
}

div.bottom a:hover {
	color: #000000;
	text-decoration: none;
}


[class*="col-"] {
	float: left;
	padding: 5px;
	width: 100%;
	border:1px solid;
}


/* Work */

#work .row.images .image {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	position: relative;
	top: 0;
	left: 0;
	opacity: 1.0;

}

#work .row.images .image img {
	max-width: 100%;
	width: auto;
	padding-top:10px;
}

#work .row.images.inactive .image {
	opacity: 0;
}

#work .row.images.inactive .image.from-left {
	left: -14em;
}

#work .row.images.inactive .image.from-right {
	left: 14em;
}

#work .row.images.inactive .image.from-top {
	top: -7em;
}

#work .row.images.inactive .image.from-bottom {
	top: 7em;
}
#work .row a {
	font-family:Calibri, Arial;
	font-size: 24px;
	line-height: 26px;
	color:#002f61;
	text-align:center;
	text-decoration: none;
}

#work .row a:hover {
	color: #00bef3;
	text-decoration: none;
}

.tresc {
	margin-top: 50px;
}

.tresc h1.title {
	font-family:Calibri, Arial;
	font-size: 2em;
	color: #0D90D6;
	font-weight: inherit;
}

.tresc img {
	max-width: 100%;
  height: auto;
	width: auto;
}

.tresc h1 {
	font-family:Calibri, Arial;
	font-size: 1.6em;
	font-weight:normal;
	color: #002f61;
}

.tresc h2 {
	font-family:Calibri, Arial;
	font-size: 1.5em;
	font-weight:normal;
	color: #002f61;
}

.tresc hr {
	margin-top: 3em;
	margin-bottom: 3em;
	margin-left: 0;
	margin-right: 0;
	color: #e3eaf2;
	background-color: #e3eaf2;
	height: 0px;
	border-style: solid;
}

.moreInfoMain {
	max-width: 630px; border: solid red 0px; color: #ffffff; clear: both;
}

.moreInfoImage {
	float: left; min-height: 265px; min-width: 260px; border: solid red 0px; margin-right: 5px; background-color: #e6e6e6; position: relative; 
}
.moreInfoImage img {
	border: solid 0px red; position: absolute;    top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; margin: 0 auto; text-align: center; max-width: 200px; max-height: 200px; width: auto; height: auto;
}
.moreInfoTitle {
	float: left; border: solid red 0px; min-width: 350px; min-height: 85px; background-color: #b7b7b7; text-align: center; line-height: 85px; font-size: 20px;
}
.moreInfoFileMain {
	float: left; border: solid red 0px; min-width: 350px; min-height: 85px; margin-top: 5px; background-color: #e6e6e6; color: #0099ff; position: relative;
}
.moreInfoFile {
	position: absolute;    top: 50%; transform: translateY(-50%); width: 100%; margin: 0 auto;
}
.moreInfoFile a {
	display: block; color: #0099ff; text-align: center; vertical-align:middle; font-size: 12px;
}
.moreInfoFile img {
	max-width: 32px;  height: 32px; vertical-align:middle; margin-bottom: 8px;
}
.moreInfoContact {
	float: left; border: solid red 0px; min-width: 350px; min-height: 85px; margin-top: 5px; background-color: #7e9fb2;
}
.moreInfoContact a {
	display: block; color: #ffffff; text-align: center; line-height: 85px; font-size: 24px;
}
.moreInfoContactSolo {
	float: left; border: solid red 0px; min-width: 350px; min-height: 85px; margin-top: 5px; background-color: #7e9fb2;
}
.moreInfoContactSolo a {
	display: block; color: #ffffff; text-align: center; line-height: 85px; font-size: 24px;
}


.formBox {
	float: left;
	/*margin: 3em;*/
	padding-top: 0.1em;
	padding-bottom: 3em;
	width:100%;
        line-height: initial;
	
}
.formContainer {
	text-align: left;	
	border: solid red 0px;

}
.contactForm {
	margin: 0em auto;
	/*padding: 1.8em;*/
	width: 100%;

}

.contactForm .label {
	margin: 0.5em 1em 5px 0;
	float: left;
	display: block;
	line-height: 28px;
	min-width: 16em;
	text-align: right;
	font-size: 1.25em;
}

.contactForm .value {
	float: left;
	/*border: solid 1px red;*/
	width: 40%;
	text-align: left;
	padding-top: 12px;
}

.contactForm .entry {
	clear: both;
	width: 100%;
}


.contactForm input[type="text"]  {
	background: #f4efe4;
	border: 1px #d8c3a7;
	border-radius: inherit;
	margin: 0;
	min-height: 2.2em;
	text-align: left;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	display: block;
	line-height: 1.4em;
	outline: 0 ;
	padding: 0.4em;
	width: 100%;
	border-radius: 0em;
	color: #686868;
	font-family: Calibri, Arial;
	font-size: 15px;

}

.contactForm input[type="text"]:focus  {
	-webkit-box-shadow: 0 0 12px 	#627a96 /*{a-active-background-color}*/;
	-moz-box-shadow: 0 0 12px 		#627a96 /*{a-active-background-color}*/;
	box-shadow: 0 0 12px 			#627a96 /*{a-active-background-color}*/;
}

#datepicker_in, #datepicker_out  {
	background: url("../../image/input_calendar.png") no-repeat center right 2px #ffffff;

}

.contactForm textarea  {
	background: #f4efe4;
	border: 1px #d8c3a7;
	border-radius: inherit;
	margin: 0;
	/*min-height: 15em;*/
	text-align: left;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	display: block;
	line-height: 1.4em;
	outline: 0 none;
	padding: 0.4em;
	width: 100%;
	border-radius: 0em;
	color: #686868;
	font-family: Calibri, Arial;
	font-size: 18px;
	/*min-width: 30em;*/
}

.contactForm textarea:focus  {
	-webkit-box-shadow: 0 0 12px 	#627a96 /*{a-active-background-color}*/;
	-moz-box-shadow: 0 0 12px 		#627a96 /*{a-active-background-color}*/;
	box-shadow: 0 0 12px 			#627a96 /*{a-active-background-color}*/;
}

.contactForm select  {
	background: #ffffff;
	border: 1px #18659f;
	border-radius: inherit;
	margin: 0;
	min-height: 2.2em;
	text-align: left;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	display: block;
	line-height: 1.4em;
	outline: 0 ;
	padding: 0.4em;
	width: 100%;
	border-radius: 0em;
	color: #686868;
	font-family: Calibri, Arial;
	font-size: 18px;
	-webkit-appearance:none;
  -moz-appearance:none;
	background: url("../../image/drop_down_arrow.png") no-repeat center right 2px #ffffff;

}
.contactForm select:focus  {
	-webkit-box-shadow: 0 0 12px 	#627a96 /*{a-active-background-color}*/;
	-moz-box-shadow: 0 0 12px 		#627a96 /*{a-active-background-color}*/;
	box-shadow: 0 0 12px 			#627a96 /*{a-active-background-color}*/;
}

input[type="submit"], input[type="button"] {
        font-size: 1em;
        line-height: 1.3em;
	padding: 1.0em 4.0em;
        color: #fff;
        background: #173457;
        border: none;
        box-shadow: inset 0px -10px 20px #173457;
        -webkit-box-shadow: inset 0px -10px 20px #173457;
        -moz-box-shadow: inset 0px -10px 20px #173457;
        -o-box-shadow: inset 0px -10px 20px #173457;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        margin-left: 0.1em;
        cursor: pointer;
}

input[type="submit"]:hover, input[type="button"]:hover {
        background: #67809f;
		color: #ffffff;
        box-shadow: inset 0px -10px 20px #3887bb;
        -webkit-box-shadow: inset 0px -10px 20px #3887bb;
        -moz-box-shadow: inset 0px -10px 20px #3887bb;
        -o-box-shadow: inset 0px -10px 20px #3887bb;
}

.breadCrumbs {
	position: absolute; 
}

.breadCrumbs a{
	font-size: 0.8em;
}

.pager a {
	/*	color: red;*/
	margin-left: 1em;
}
.pager a.selected {
	font-weight: bold;
}

.searchButton {
	margin-left: -29px; 
	padding-top: 0px; 
	height: 36px; 
	background: #0087ba; 
	border: 0px; 
	color: #fff;
	display: none;
}
.searchButtonSmall {	
	height: 31px; 
}

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('../../image/checks.png') no-repeat 0 0;
  line-height  : 24px;
}

input[type=checkbox]:not(old):checked + label{
  background-position : 0 -24px;
}

input[type=radio]:not(old):checked + label{
  background-position : 0 -48px;
}


@media only screen and (max-width: 760px) {
    
    .title_konf {
	 display: none;
    }

	div.menuRwd {
		display: block;
		background: #173457 url("../../image/mobile_menu_white.png") right top no-repeat;
		width: 100%;
		height: 44px;
		/*position: fixed;*/
		left: 0px;
	}

	.menu {
		display: none;
    margin-top: -38px;
		margin: -38px 0px 0px 0px;
		position: absolute;
		line-height: 25px;
		margin-top: 0px;
		text-align:right;
	}
	
	#nav {
		background: #173457;
	}
	#nav li {
		display: inline-block;
		position: static;
		border-top: 1px solid #cca879;
		position: relative;
		width: 100%;
	}

	#nav li a {
		display: block;
		color: #ffffff;
	}

	#nav li a:hover {
		display: block;
		color: #cca879;
	}

	#nav li a.moreLink {
		position: absolute;
		top: 0;
		right: 0;
	}

	#nav ul {
    position:static;
    left: 0;
    transform: translate(0, 0);
    top: 0px;
    display:  none; 
    margin: 0 0 0 0px;
    padding: 0;
    list-style: none;
    line-height: 0;
		width: 100%;
		background-color: #2884a5;
	}

	#nav ul li {
		line-height: 14px;
		padding: 0;
		border: 0px;
		margin: 0;
		background-color: #2884a5;

	}

	#nav ul li a {
		line-height: 14px;
		padding: 5px;
		background-color: #2884a5;
	}
	#nav ul li a:hover {
		line-height: 14px;
		padding: 5px;
		background-color: #2884a5;
		border-top: 1px solid #2884a5;
		border-bottom: 1px solid #33a19d;
	}


	.find {
    left: auto;
    right: 0;
    top: 0;
		display: none;

	}
	.find2 {
    width: 100%;
		background-color: #eaeff4;
		display: block;
	}

	.find2 input {
		width:185px; 
		height:40px; 
		padding-left:15px;
		font-family: Calibri, Arial; 
		font-size: 18px; 
		color: #6f6f6f; 
		border: 1px solid #cacaca;
	}

	.find-small input {
		height:35px;
	}
	.langIcon {
    left: 0px;
    top: 0;
		right: 1px;
	}
	.langIcon a {
    position: absolute;
		right: 5px;
		bottom: -15px;
	}
	.langIcon-small {
    bottom: -145px;
		margin-top: 20px;
	}

	.main.footer .address, .main.footer .copyright {
		padding-left: 0px;
		text-align: center;
	}

	.main.contentText {
		padding: 0.5em;
	}

	.menuRight {
    padding: 0.5em;
    line-height: 20px;
	}
	.moreInfoImage, .moreInfoTitle, .moreInfoFileMain, .moreInfoContact, .moreInfoFileMain   {
		width: 100%;
	}
	.moreInfoTitle {
		margin-top: 5px;
	}

	.contactForm .value {
    width: 100%;
    text-align: left;
	}
	.contactForm .label {

    display: block;
    line-height: 28px;
    min-width: 14em;
    text-align: left;
    font-size: 1.25em;
	}
	.contactForm .value img {
		max-width: 100%;
		height: auto;
		width: auto;
	}
}

@media only screen and (max-width: 1280px) {

	.main.contentText.right .content {
		left: 0;
	}	
	.main.contentText .content {
		width: 100%;
		padding: 0;
	}
	.main.style2.right .content {
		left: 0;
	}
	.main.style2 .content {
		width: 100%;
		padding: 0;
	}
	.breadCrumbs {
		left: 1%;
	}

}


@media print {

	img {
		max-width: 100%;
		height: auto;
		width: auto;
	}
	.header, .slider, .columnRight, .footer, #main  {
		display: none;
	}
	.main.contentText .content {
		display: none;
	}
	.main.style3.primary {
		display: none;
	}
	.main.style2.right {
		display: block;
	}
	.content.box.style2 {
		display: block;
	}
	.cookieView {
		display: none;
	}
	.main.contentText {
		padding: 0;
	}

	table { page-break-inside:auto }
	tr    { page-break-inside:avoid; page-break-after:auto }
	thead { display:table-header-group }
	tfoot { display:table-footer-group }
	.main.contentText.right .content {
		left: 0;
		padding: 0;
	}

	.sticky-wrapper {
		height: 0px !important;
		display: none !important;
	}
	p{
		page-break-after: auto ;
	}

	.printContainer {
		display: block;
	}
}


.control-group {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  text-align: left;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  padding: 30px;
  width: 200px;
  height: 210px;
  margin: 10px;
}
.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
	background: #f4efe4;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #ab6e1f;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #173457;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #e6e6e6;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
  color: #000;
  background: #ccc;
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}



/* tabelki do wy�wietlania danych */
table.datagrid {
	/*font-size: 13px;*/
	}
table.datagrid img {
	border: 0px;
	}
	
	
table.datagrid input[type=text]  {
	 border: 1px solid #494b4a; 
	 background: #ffffff; 
}
		
textarea  {
	 border: 1px solid #6a6a6a; 
}	
input[type=text]  {
	 border: 1px solid #6a6a6a; 
}

	
	
table.datagrid th {
	color: #000000;
	padding: 3px;
	text-align: left;
	}
table.datagrid th.sum {
	text-align: right;
	}
table.datagrid th.accepted {
	text-align: right;
	}
table.datagrid th.moderated {
	text-align: right;
	}
table.datagrid th.deleted {
	text-align: right;
	}
table.datagrid th.wait {
	text-align: right;
	}
table.datagrid th.avgwait {
	text-align: right;
	}
table.datagrid td.wait {
	color: #e17104;
	text-align: right;
	}
table.datagrid td.date {
	text-align: left;
	}
table.datagrid td.avgwait {
	color: #5c9e75;
	text-align: right;
	}
table.datagrid td.moderationtime {
	color: #8b5c9e;
	}
table.datagrid td.date {
	color: #000099;
	}
table.datagrid td.sum {
	color: #000000;
	font-weight: bold;
	text-align: right;
	}
table.datagrid td.accepted {
	color: #009900;
	text-align: right;
	}
table.datagrid td.moderated {
	color: #000000;
	text-align: right;
	}
table.datagrid td.deleted {
	color: #FF0000;
	text-align: right;
	}
table.datagrid tr {	background-color: #ffffff;	}
table.datagrid tr.even {	background-color: #eeeeee;	}

tr.underlineWithPadding td {border-bottom: 1px solid #cccccc; padding: 10px; }


div#info_container div.info {
	margin: 0 auto;
	width: 72%;
	padding:10px;
	padding-left:35px;
	background: #f0eec3 url('../../image/Admin/inf.gif') no-repeat scroll 4px center;
	color:#000000;
	margin-bottom:10px;
	font-weight:normal;
	border:1px #f0cd56 solid;
	
}
div#info_container div.error {

padding:10px;
	padding-left:35px;
	background: #be7075 url('../../image/Admin/error.gif') no-repeat scroll 4px center;
	color:#ffffff;
	margin-bottom:10px;
	font-weight:bold;
	border:1px #cc0000 dashed;
}


/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

