* { border: 0; padding: 0; margin: 0; font-family: Arial; font-size: 14px; }

.clear { clear: both; float: none; font-size: 2px !important; height: 2px !important; }
a { font-size: 12px; color: black; text-decoration: none; }
a:hover { color: #666666; }

#wraper { width: 800px; margin: auto; position: relative; }

#top { width: 800px; background: url(images/logo.jpg) no-repeat top left; height: 150px; }
#top .menu { position: relative; padding: 43px 0 0 105px ;}
#top .lang { padding-left: 105px; height: 30px; }
#wraper2 { width: 750px; margin: auto; position: relative; }
#wraper2 .groups { margin-top: 10px; width: 485px; height: 207px; float: left; }
#wraper2 .groups2 { margin-top: 10px; width: 233px; padding-top: 40px; padding-left: 20px; float: left; }

.menu .submenu { margin: 0 !important; padding: 0 !important; position: relative; }
.menu .submenu:hover .kontakt_menu { display: block; }
.menu .submenu .kontakt_menu { display: none; position: absolute; left: 0; top: 0; width: 150px; background: #F90; z-index: 50; }
.menu .submenu .kontakt_menu li { list-style: none; }
.menu .submenu .kontakt_menu li a { display: block; padding-left: 10px; line-height: 25px; color: #ffffff; }
.menu .submenu .kontakt_menu li a:hover { background: #FB0; }


#content { margin-top: 20px; }
#content p { width: 510px; }
#content .left {
	float: left;
}
#content .right {
	background: url(images/hr_grey.jpg) no-repeat left;
	float: right;
	margin-left: 20px;
	text-align: center;
}

#box_bottom { margin-top: 20px; }
#box_bottom .newsfloat { float: left; width: 518px; }
#box_bottom .news { width: 500px; background: #e8e8e8 url(images/news_head.jpg) no-repeat top left; padding-top: 40px; padding-left: 18px; }
#box_bottom .img { float: left; width: 110px; }
#box_bottom .text { float: left; width: 390px; }
#box_bottom .news_bottom { width: 518px; background: url(images/news_bott.jpg) no-repeat top left; height: 17px;  }
#box_bottom .title { color: #f78811; font-size: 12px; }
#box_bottom p { font-size: 12px; }

#box_bottom .login { width: 220px; margin-left: 12px; float: left; text-align: right; background: url(images/hr_orange.jpg) left no-repeat; }
.login input[type=text], .login input[type=password] { background: url(images/input.jpg) no-repeat; width: 154px; height: 22px; padding-top: 5px; margin-top: 10px; padding-left: 10px; padding-right: 10px; }
.left input[type=text], .left input[type=password] { background: url(images/input.jpg) no-repeat; width: 154px; height: 22px; padding-top: 5px; margin-top: 10px; padding-left: 10px; padding-right: 10px; }
.button { background: url(images/wyslij.jpg); width: 55px; height: 24px; cursor: pointer; } 

#footer { font-size: 12px; width: 750px; margin: auto; margin-top: 20px; }
#kontakt_mapa {
	background-image: url(images/mapa.jpg);
	background-repeat: no-repeat;
	height: 321px;
	width: 510px;
}
#kontakt_mapa_tekst {
	padding-top: 15px;
	padding-left: 20px;
}
.title a {
	color: f78811;
	text-decoration: none;
	padding-bottom: 5px;
}
.title a:hover {
	color: #000;
}

.popup { position: absolute; width: 500px; border: 5px solid #666; top: 100px; left: 150px; background: #ffffff; padding: 10px; padding-top: 20px; z-index: 100; }
.popup .close { font-size: 11px; position: absolute; right: 5px; top: 2px;  color: #666; }