#main .wrapper > h1
{
position: absolute;
font-size: 24px;
text-align: center;
top: 30px;
display: block;
width: 100%;
color: white;
}


p {
margin-bottom: 4px;
}


ul {margin-left: 10px;}


div.content {

margin-top: 20px;
}

p.error, div.error, .frm-err {
color: red;
}

.uwagi { color: gray; font-style: italic; }

img.m { vertical-align: middle;}

#ResponseRequest {
position: absolute;
background-color: white;
border: 1px solid red;
}

div.axerr, p.axerr { color: red; }

div.msgerr {
	color: red;
	border: 1px solid red;
	background-color: #fff0f0;
	width: 80%;
	text-align: center;
	padding: 10px;
	margin: 20px auto;
}

div.msgok {
	color: green;
	border: 1px solid green;
	background-color: #f0fff1;
	width: 80%;
	text-align: center;
	padding: 10px;
	margin: 20px auto;
	opacity: 0.8;
}

div.msginfo {
	color: #4b4b4b;
	border: 1px solid silver;
	background-color: #f3f3f3;
	width: 75%;
	text-align: left;
	padding: 10px;
	margin: 20px auto;
	padding-left: 85px;
	background-image: url('../images/info.png');
	background-repeat: no-repeat;
	background-position: 10px 5px;
	opacity: 0.8;
	min-height: 50px;
}

div.status div.msgok, div.status div.msgerr, div.status div.msginfo {
	padding: 5px;
	margin: 0px 0px 5px 0px;
}

input.axerr, select.axerr, textarea.axerr {
border: 1px solid red;
background-color: #fff0f0;
}


table.list {
background-color: white;
border-spacing: 1px;
border-collapse: separate;
width: 100%;


-moz-border-radius: 10px;
-webkit-border-radius: 10px;/*This is the correct shorthand for webkit*/
border-radius: 10px;

}

table.list tr {vertical-align: top;}

table.list td.head {
	background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 53%, #8f0222 79%, #a90329 84%, #8f0222 88%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(53%,#8f0222), color-stop(79%,#8f0222), color-stop(84%,#a90329), color-stop(88%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 53%,#8f0222 79%,#a90329 84%,#8f0222 88%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a90329 0%,#8f0222 53%,#8f0222 79%,#a90329 84%,#8f0222 88%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 53%,#8f0222 79%,#a90329 84%,#8f0222 88%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a90329 0%,#8f0222 53%,#8f0222 79%,#a90329 84%,#8f0222 88%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

	color: white;
	padding: 6px;
	font-size: 15px;
	height: 45px;
}

td.headleft {
	-moz-border-radius: 10px 0px 0px;
	-webkit-border-radius: 10px 0px 0px 0px;/*This is the correct shorthand for webkit*/
	border-radius: 10px 0px 0px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 53%, #8f0222 79%, #a90329 84%, #8f0222 88%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(53%,#8f0222), color-stop(79%,#8f0222), color-stop(84%,#a90329), color-stop(88%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 53%,#8f0222 79%,#a90329 84%,#8f0222 88%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a90329 0%,#8f0222 53%,#8f0222 79%,#a90329 84%,#8f0222 88%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 53%,#8f0222 79%,#a90329 84%,#8f0222 88%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a90329 0%,#8f0222 53%,#8f0222 79%,#a90329 84%,#8f0222 88%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

		color: white;
		padding: 6px;
		font-size: 15px;
		height: 45px;
}

td.headright {
	-moz-border-radius: 0px 10px 0px 0px;
	-webkit-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 53%, #8f0222 79%, #a90329 84%, #8f0222 88%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(53%,#8f0222), color-stop(79%,#8f0222), color-stop(84%,#a90329), color-stop(88%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 53%,#8f0222 79%,#a90329 84%,#8f0222 88%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a90329 0%,#8f0222 53%,#8f0222 79%,#a90329 84%,#8f0222 88%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 53%,#8f0222 79%,#a90329 84%,#8f0222 88%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a90329 0%,#8f0222 53%,#8f0222 79%,#a90329 84%,#8f0222 88%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */


		color: white;
		padding: 6px;
		font-size: 15px;
		height: 45px;
}


/* order by */
div.order {position: relative;}
div.order .txt {position: relative; 0px; font-size: 15px; margin-right: 10px;}
div.order .lnk {position: absolute; right: -3px; top: 0px;}
div.order .lnk a {text-decoration: none; color: white; font-weight: bold;}
div.order .lnk a.n {background-color: #0000ff}
/* order by koniec */



table.list td {
background-color: #ebebeb;
padding: 5px;
}

table.list td.info {font-style: italic; color: gray; font-size: 11px;}

table.list td li{font-style: italic; color: #363636; font-size: 12px;}

table.frm { }

table.frm td {
padding: 4px;
}

h3, table.frm th{
text-align: center;
padding: 8px;
font-size: 18px;
color: #6F6F6F;
text-align: center;

}

h3 {text-align: left;}

table.frm tr td:first-child {
text-align: right;
vertical-align: top;
}

table.frm tr td[colspan="2"] {
text-align: center;
}

table.frm tr td input.frm{
width: 350px;
}


table.frm tr td textarea.frm {
width: 350px;
height: 140px;
}


table.login {
width: auto;
min-width: 500px;
max-width: 600px;
}

table.login tr td {
vertical-align: top;
}

table.login tr td input.frm, table.login tr td input.frm-err {
width: 280px;
}

#children {
text-align: left;
}

table.childData {
	margin: 0px auto 20px auto;
	/*border: 1px solid silver;
	border-radius: 10px;*/
	min-width: 500px;
	max-width: 600px;
	border-radius: 20px;
	border:1px solid #c0c0c0;
	box-shadow: 0px 0px 10px rgba(192, 192, 192, .8);
	background: #f0f0f0;

}

table.childData tr:first-child td {
	padding-top: 10px;
}

table.childData tr:last-child td {
	padding-bottom: 10px;
}

table.childData tr td:first-child {
	text-align: right;
}

table.childData tr td {
	padding-left: 5px;
	padding-right: 5px;
}

table.login tr td:first-child {
/* width: 30%; */
}


input.frm-ok, textarea.frm-ok {
border: 1px solid green;
color: green;
background-color: #e6ffe6;
}

input.frm-err, textarea.frm-err {
border: 1px solid red;
color: red;
background-color: #ffe6e6;
}

div.chekboxes {
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
}

li.error {margin-left: 20px; color: red; font-size: 15px;}
li.ok {margin-left: 20px; color: green; font-size: 15px;}

div.start {
margin: 20px auto;
text-align: center;
width: 600px;
padding: 5px;
}


input[type='submit'], input[type='button'], input[type='reset'], a.button {

cursor: pointer;

/*
padding-left: 10px;
padding-right: 10px;
margin: 10px;

-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
box-shadow:inset 0px 1px 0px 0px #97c4fe;
background-color:#3d94f6;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;


text-indent:0;
border:1px solid #337fed;
display:inline-block;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height:40px;
line-height:25px;
min-width:200px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #1570cd;
*/


	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a9032a), color-stop(1, #6d0019) );
	background:-moz-linear-gradient( center top, #a9032a 5%, #6d0019 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9032a', endColorstr='#6d0019');
	background-color:#a9032a;




	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	min-width:120px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 7px #810e05;
	padding-left: 10px;
	padding-right: 10px;
	margin: 5px;

}

a.button{
	line-height:30px;
}


a.small{
	line-height:22px;
	font-size: 12px;
	font-weight: bold;
	height:20px;
	padding: 0px 8px 0px 8px;

}



#attProgress { position:relative; width:100%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; background: url("../images/loading_16x16.gif") 3px 3px no-repeat transparent;}
#attBar { width:0%; height:20px; border-radius: 3px;
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter:alpha(opacity=70);
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
#attPercent { position:absolute; display:block; top:3px; text-align: center; width: 98%}

.ok {color: green;}
.err {color: red;}


#ekpAwers
{
	width: 672px;
	height: 424px;
	background-image: url('../images/ekp_awers.jpg');
	background-repeat: no-repeat;
	position: relative;
}

div.linePhoto {
	text-align: center;
	margin: 20px;
	font-weight: bold;
}

#ekpAwers div.bottom {	
	position: absolute;
	left: 20px;
	bottom: 20px;
	font-size: 16px;
	color: white;
	font-weight: bold;
	width: 620px;
}

#ekpAwers div.bottom div.l{
	text-align: right;
	float: right;
	
}

#ekpAwers img {
	position: absolute;
	width: 150px;
	height: 188px;
	top: 155px;
	left: 490px;
}

#emplInfo {
	position: absolute;
	left: 80px;
	top: 294px;
	font-size: 18px;
	color: white;
	font-weight: bold;
	text-align: right;
	width: 400px;
}

#emplInfo div {
	font-size: 25px;
}


table.ekp {
	margin: 20px auto;
	width: 670px;
}

table.ekp td:first-child {
	text-align: right; 
}

table.ekp td{
	vertical-align: top;
	width: 50%;
	padding: 6px;
	font-size: 12px;
}

input[name='phone'] {
	width: 200px;
}


div.proces{color: gray; margin: 20px; border: 1px solid #f3f3f3; padding: 10px;}
div.proces span {color: silver;}
div.proces span.a {color: green;}


#wniosek {
	margin-left: 30px;
	font-size: 13px;
}

#wniosek p {
	margin-top: 15px;
	margin-bottom: 20px;
}

form[name='frm_login'] input {
	font-size: 1.5rem
}

form[name='frm_login'] input::placeholder {
	color: #cecece;
}

/*
@media only screen and (max-width: 600px) {
  #ekpAwers {
    background-image: none;
	color: gray;
	text-align: left;
  }

  #ekpAwers div {
	color: gray;
	text-align: left;
  }

}
*/