html {
	background: #fff url(img/bg-html.gif) repeat fixed;
}

body{
	background: url(img/bg-body.png) no-repeat center -62px fixed;

}
	
html, body{	
	height: auto; width: 100%;
	margin: 0px; padding: 0px;
}


#main{
	width: 850px;
	height:auto;
	margin: 0px auto;
	padding: 0px 55px;
	background:none;

}

#menu{
	width: 850px;
	height:70px;
	margin: 0px;
	padding: 0px;
	background: url(img/hr-lunchmeeting.png) no-repeat left top;
	position: fixed;
	z-index:2;
	
}
#hr-menu  {
	margin: 0px 0px 0px 190px;
	padding: 25px 0px;
	float:left;
	width: 405px;
	height: 20px;
}

#info-link {
	float:left;
	margin:0px;
	display:block;
	padding:0px 10px;
	outline:none;
	border:none;
	width:110px;
	height:20px;
	background:url(img/hrlm-menu.png) no-repeat 10px 0px;
	}

#info-link:hover {
	outline:none;
	border:none;
	background:url(img/hrlm-menu.png) no-repeat 10px -20px;
}

#udzial-link {
	float:left;
	margin:0px;
	display:block;
	padding:0px 10px;
	outline:none;
	border:none;
	width:65px;
	height:20px;
	background:url(img/hrlm-menu.png) no-repeat -120px 0px;
	}

#udzial-link:hover {
	outline:none;
	border:none;
	background:url(img/hrlm-menu.png) no-repeat -120px -20px;
}

#news-link {
	float:left;
	margin:0px;
	display:block;
	padding:0px 10px;
	outline:none;
	border:none;
	width:90px;
	height:20px;
	background:url(img/hrlm-menu.png) no-repeat -207px 0px;
	}

#news-link:hover {
	outline:none;
	border:none;
	background:url(img/hrlm-menu.png) no-repeat -207px -20px;
}

#kontakt-link {
	float:left;
	margin:0px;
	display:block;
	padding:0px 10px;
	outline:none;
	border:none;
	width:60px;
	height:20px;
	background:url(img/hrlm-menu.png) no-repeat -315px 0px;
	}

#kontakt-link:hover {
	outline:none;
	border:none;
	background:url(img/hrlm-menu.png) no-repeat -315px -20px;
}



#hr-lunchmeeting {
	
}

#header{
	width: 850px;
	height: 260px;
	margin: 0px;
	padding: 80px 0px 0px 0px;
	background: url(img/header.png) no-repeat 0px 70px;
}
#photo{
	width: 850px;
	height:330px;
	margin: 0px;
	background: url(img/robert-b.png) no-repeat 0px 20px;
}

#countdown {
	width: 425px;
	height:330px;
	margin: 140px 0px 0px 510px;

	
}

#info{
	width: 850px;
	/* height: 1167.5px; */
	height: 585px;
	margin: 0px;
	padding: 20px 0px;

}

#info-tekst{
	width: 375px;
	/* height:1105px; */
	margin: 0px 50px 0px 0px;
	padding:  0px;
	background: none;
	float: left;
}

#info-tekst .ramka,
#info-spotkania .ramka {
	background-color: rgba(0,0,0,.0375);
	padding: 27.5px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	margin-top: 15px;
}

#info-tekst .ramka ul,
#info-spotkania .ramka ul {
	padding-left: 7.5px;
}

#info-tekst .ramka li strong,
#info-spotkania .ramka li strong {
	color: #eb5d59;
}

#goscie-specjalni{
	color: #004179;
	padding: 60px 27.5px;
}

#goscie-specjalni h4{
	font-family:Tahoma, Geneva, sans-serif;
	line-height: 1.2em;
	color: #323882;
	margin: .4rem;
	margin-top: 1rem;
}

#goscie-specjalni img{
	float: left;
	margin: .8rem .9rem .4rem .4rem;
}

#goscie-specjalni img:first-child{
	margin-top: 1.2rem;
}

#info-tekst p,
#goscie-specjalni p,
#info-spotkania p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height: 1.2em;
	text-align:justify;
	color: #323232;
	margin: .4rem;
}

#info-tekst a{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height: 1.2em;
	text-align:justify;
	color: #eb5d59;
	text-decoration:none;
}

#info-tekst a:hover{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height: 1.2em;
	text-align:justify;
	color:#eb5d59;
	text-decoration:underline;
}

#info-tekst ul,
#info-spotkania ul {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height: 1.2em;
	text-align:justify;
	color: #323232;
}
#info-tekst li,
#info-spotkania li {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height: 1.2em;
	text-align:justify;
	color: #323232;
	margin: 4px 0px;
}


#info-spotkania {
	width: 425px;
	/* height: 1165px; */
	margin: 0px;
	padding:  0px;
	/* background: url(img/spotkania.png) no-repeat 0px 445px; */
	float:left;
}
#formularz{
	width: 850px;
	height:585px;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	background: url(img/bg-form.png) no-repeat 0px 20px;
}

#aktualnosci{
	width: 850px;
	margin: 0px;
	padding: 100px 0px 0px 0px;
	background: url(img/bg-aktualnosci.png) no-repeat 0px 0px;
}

#year2018 p, #year2016 p, #year2015 p, #year2014 p, #year2013 p, #year2012 p,  #year2011 p, #year2010 p, #year2009 p{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height: 1.3em;
	text-align:justify;
	color: #323232;
	margin-bottom:40px;
}

#year2018 span, #year2016 span, #year2015 span, #year2014 span, #year2013 span, #year2012 span, #year2011 span, #year2010 span, #year2009 span {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height: 1.3em;
	text-align:justify;
	color:#eb5d59;
	font-weight:bold;
}

#year2018, #year2016, #year2015, #year2014, #year2013, #year2012, #year2011, #year2010, #year2009  {
	width:810px;
	margin: 10px 20px;
}

#year2018 {
	background: url(img/bg-2018.png) no-repeat 0px 10px;
}
#year2016 {
	background: url(img/bg-2016.png) no-repeat 0px 10px;
}
#year2015 {
	background: url(img/bg-2015.png) no-repeat 0px 10px;
}
#year2014 {
	background: url(img/bg-2014.png) no-repeat 0px 10px;
}
#year2013 {
	background: url(img/bg-2013.png) no-repeat 0px 10px;
}
#year2012 {
	background: url(img/bg-2012.png) no-repeat 0px 10px;
}
#year2011 {
	background: url(img/bg-2011.png) no-repeat 0px 10px;
}
#year2010 {
	background: url(img/bg-2010.png) no-repeat 0px 10px;
}
#year2009 {
	background: url(img/bg-2009.png) no-repeat 0px 10px;
}

#all2018 a, #all2016 a, #all2015 a, #all2014 a, #all2013 a, #all2012 a, #all2011 a, #all2010 a, #all2009 a{
	color: #eb5d59;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	float:right;
	margin-top:10px;
	outline:none;
	}
#all2018 a:hover, #all2016 a:hover, #all2015 a:hover, #all2014 a:hover, #all2013 a:hover, #all2012 a:hover, #all2011 a:hover, #all2010 a:hover, #all2009 a:hover{
	color:#eb5d59;
	text-decoration: underline;	
	}
	
#all2018, #all2016, #all2015, #all2014, #all2013, #all2012, #all2011, #all2010, #all2009 {
	margin: 0px;
	padding:0px;
	
	
}


.expand-news {
	width:810px;
	height:50px;
	margin: 0px;
	
}

.expand-news ul {
	margin: 0px;
	padding: 0px;
	float:right;


}
.expand-news li{
	display: inline;
	width: 810px;
	height: 50px;
	
}
.expand-news li a {
	text-indent:0px;
	padding: 0px;
	display: block;
	text-decoration: none;
	margin: 0px;
	width: 810px;
	height: 50px;
	background:url(img/show-hide.png) no-repeat 710px 0px;
	outline: none;
	}
.expand-news li a:hover {
	outline: none;
	background:url(img/show-hide.png) no-repeat 710px -50px;

}




#kontakt{
	width: 850px;
	height:232px;
	margin: 0px;
	padding: 70px  0px;
	background: url(img/bg-kontakt.png) no-repeat 0px 20px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height: 1.3em;
	color: #323232;
	}
	
#kontakt a{
	color: #323232;
	text-decoration:none;
	}
#kontakt a:hover{
	color:#eb5d59;
	text-decoration:none;
	}

	
#kontakt1{
	width: 250px;
	height:250px;
	margin: 0px 20px 0px 0px;
	padding: 10px ;
	background: url(img/bg-kontakt1px.png) repeat;
	float:left;
}

#kontakt2{
	width: 250px;
	height:250px;
	margin: 0px;
	padding: 10px ;
	background: url(img/bg-kontakt1px.png) repeat;
	float:left;
}
#kontakt3{
	width: 250px;
	height:250px;
	margin: 0px 0px 0px 20px;
	padding: 10px ;
	background: url(img/bg-kontakt1px.png) repeat;
	float:left;
}
.kontakt-logo {
	height: 50px;
	padding: 10px;
	
}

#footer{
	width: 850px;
	height: 140px;
	margin:  0px;
	padding: 20px 0px 20px 0px;
	background: url(img/logo-organizatorzy.png) no-repeat;
}

#footer p{
	margin:  0px;
	padding: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#777;
	text-align:center;
}

#footer a{
	margin:  0px;
	padding: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#777;
	text-decoration:none;
}

#footer a:hover{
	color:#900000;
}





#links  {
	margin: 0px 0px 20px 0px ;
	padding: 20px 0px;
	float:left;
	width: 850px;
	height: 60px;
}

.link-www {
	float:left;
	margin:0px;
	display:block;
	padding:0px 10px;
	outline:none;
	border:none;
	width:95px;
	height:70px;
	}
	
#link-khr {
	float:left;
	margin:0px;
	display:block;
	padding:0px 10px;
	outline:none;
	border:none;
	width:120px;
	height:70px;
	}
#link-hrstandard {
	float:left;
	margin:0px;
	display:block;
	padding:0px 10px;
	outline:none;
	border:none;
	width:135px;
	height:70px;
	}
#link-philips {
	float:left;
	margin:0px;
	display:block;
	padding:0px 10px;
	outline:none;
	border:none;
	width:120px;
	height:70px;
	}

#link-www:hover, #link-khr:hover, #link-philips:hover{
	outline:none;
	border:none;
}





.to-top {
	width: 850px;
	height:50px;
	margin: 0px;
	padding: 0px;
	background:url(img/bg-to-top.png) no-repeat left 25px;


}

.to-top ul {
	margin: 0px;
	padding: 0px;
	float:right;

}
.to-top li{
	display: inline;
	width: 50px;
	height: 25px;
	
}
.to-top li a {
	text-indent:0px;
	padding: 0px;
	display: block;
	text-decoration: none;
	font-size: 12px;
	margin: 0px;
	width: 50px;
	height: 50px;
	text-align: center;
	background:url(img/bg-top.png) no-repeat center 13px;
	outline: none;
	}
.to-top li a:hover {
	outline: none;
	background:url(img/bg-top.png) no-repeat center -37px;

}
h1 {
	margin:0px;
	padding:0px;
	float:left;
	width:248px;
	height:70px;
	
	
}
h1 a {
	margin:0px;
	padding:0px;
	outline:none;
	border:none;
	width:248px;
	height:70px;
	
	
}

h1 a:hover {
	margin:0px;
	padding:0px;
	outline:none;
	border:none;

	
}

h1 img {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	
	
}


#contact-wrapper {
	width:425px;
	padding:0px;
	margin:0px;
	float: left;
	height:auto;

}


#contact-wrapper div {
	clear:both;
	margin: 0px;
	width: 425px;
	
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:12px;
	width:auto;
	color:#999;
	padding:0px;
}
form#contactform input:not([type="checkbox"]) {
	border-color:#bbb;
	border-style:solid;
	border-width:0px;
	margin: 5px 0px;
	padding:0px 10px;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#666;
	width:405px;
	height: 35px;
	background: url(img/bg-kontakt1px.png) repeat;
}

form#contactform select {
	border-color:#bbb;
	border-style:solid;
	border-width:0px;
	margin: 5px 0px;
	padding: 8px;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#666;
	width:425px;
	height: 35px;
	background: url(img/bg-kontakt1px.png) repeat;
}

form#contactform option {

	border-width:0px;
	margin: 0px;
	padding:10px 10px;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#666;
	width:385px;
	height: 15px;
}

form#contactform #submit {

	border-width:0px;
	margin: 0px;
	padding:10px 10px;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#666;
	width:212px;
	height: 35px;
	/* float: right; */
	background: url(img/send-button.png) no-repeat;
	cursor: pointer; 
}

form#contactform #submit:hover {

	border-width:0px;
	margin: 0px;
	padding:10px 10px;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#666;
	width:212px;
	height: 35px;
	/* float: right; */
	background: url(img/send-button.png) no-repeat 0px -35px;
}

form#contactform #submit:disabled {
	opacity: .5;
	cursor: not-allowed;
}

form#contactform #submit:disabled:hover {
	opacity: .5;
	background-position: 0 0;
}


form#contactform textarea {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	padding:0px;
	border-color:#bbb;
	border-style:solid;
	border-width:1px;
	width:310px;
	height:200px;
	overflow:auto;
	color:#666;
}

#error-message {
	width:425px;
	height:auto;
	margin:0px;
	padding:100px 0px 0px 0px;
	float: left;
	color:#C00;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	line-height: 20px;
	vertical-align:bottom;

	
}

#klauzula1 {
	display: flex;
}

#acceptance {
	align-self: flex-start;
}

#klauzula1, #klauzula2 {
	width:425px;
	/* height: 50px; */
	margin: 20px 0px 0px 425px;
	/* text-align: right; */
	padding:0px;
	float: right;
}

#klauzula1 p, #klauzula2 p, #mandatory-field {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#777;
	padding: 0px;
	/* margin:0px; */
}

#klauzula1 a, #klauzula2 a, #kontakt a, #mandatory-field a {
	color: #eb5d59;
	text-decoration: none;
}

#klauzula1 a:hover, #klauzula2 a:hover, #kontakt a:hover, #mandatory-field a:hover {
	text-decoration: underline;
}



<!--ODLICZANIE-->


#wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}


#front{
	position:absolute;
	top:0px;
}

#text {
	position:absolute;

	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#444;
	border:0px solid #fff;
}
#text #days {
	margin-left:100px;
}
#text #hours {
	margin-left:105px;
}
#text #minutes {
	margin-left:93px;
}
#text #seconds {
	margin-left:90px;
}


#upperHalf, #upperHalfBack{

	vertical-align:bottom;
}

#lowerHalf, #lowerHalfBack{
	
	vertical-align:top;
	
}




#upperHalf img{
	margin-top: 220px;
	position:relative;
	height:37px;
	vertical-align:bottom;
	visibility:visible;
}

#lowerHalf img{
	position:relative;
	height:37px;
	vertical-align:top;
	visibility:visible;

}

	
#lowerHalfBack img{
	
	position:relative;
	vertical-align:top;
	
}

#upperHalfBack img{
	position:relative;
	vertical-align:bottom;
}

#daysUpLeft, #daysUpRight, #daysDownLeft, #daysDownRight,
#daysUpLeftBack, #daysUpRightBack, #daysDownLeftBack, #daysDownRightBack,
#hoursUpLeft, #hoursUpRight, #hoursDownLeft, #hoursDownRight,
#hoursUpLeftBack, #hoursUpRightBack, #hoursDownLeftBack, #hoursDownRightBack,
#minutesUpLeft, #minutesUpRight, #minutesDownLeft, #minutesDownRight,
#minutesUpLeftBack, #minutesUpRightBack, #minutesDownLeftBack, #minutesDownRightBack,
#secondsUpLeft, #secondsUpRight, #secondsDownLeft, #secondsDownRight,
#secondsUpLeftBack, #secondsUpRightBack, #secondsDownLeftBack, #secondsDownRightBack{
	width:37px; 
}