* { padding: 0; margin: 0 }

html, body { background: #B7B7B7 url('../gfx/top_bg.jpg') repeat-x top; font-family: Tahoma, Arial, Sans-Serif; font-size: 11px}

img {border: none}
ul {list-style: none}
table {border-collapse: collapse}

a, a:link, a:visited {font-family: Tahoma, Arial, Trebuchet MS;  color: #3381BC; font-size: 12px; text-decoration: none; outline: none}
a:hover {color: #404040}

h1 { font-family: Verdana, Tahoma; color: #404040; font-size: 25px; font-weight: normal; padding-bottom: 36px}
h2 { font-family: Verdana, Tahoma; color: #3381BC; font-size: 18px; font-weight: normal; padding: 10px 0 10px 0}

p {padding-bottom: 10px}

strong {font-weight: bold;}


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}

/*------------ LAYOUT -------------- */

#container {width: 974px; margin: 0 auto}

#top_menu {padding: 15px 0 5px 0; position: relative; height: 24px}
#top_menu .container {position: absolute; top: 16px; right: 5px}
	#languages {margin-left: 22px}
	#languages li {float: left}
	#languages li a, #languages li a:link, #languages li a:visited {display:block; width: 27px; height: 22px; background: transparent url('../gfx/flags.png') no-repeat}
	#languages li a span {display: none}
	#languages li.fr a {background-position: 0 -26px}
	#languages li.en a {background-position: -27px -26px}
	#languages li.pl a {background-position: -54px -26px}
	#languages li.fr a:hover, #languages li.fr a.selected {background-position: 0 0}
	#languages li.en a:hover, #languages li.en a.selected {background-position: -27px 0}
	#languages li.pl a:hover, #languages li.pl a.selected {background-position: -54px 0}

#top_menu .links {float: left; padding: 4px 0 0 0}
#top_menu .links ul {}
	.links li {display: inline; padding-left: 10px}
	.links a, .links a:link, .links a:visited {color: #333; text-transform: uppercase; font-size: 10px}
	.links a:hover, .links .selected {text-decoration: underline}

#top_shadow {clear: both; background: transparent url('../gfx/top_shadow.png') no-repeat top; height: 14px}

#body_container {padding: 0 4px 0 4px; background: transparent url('../gfx/body_shadow.png') repeat-y}
	#menu_bar {position: relative; padding: 0 0 8px 20px}
		#menu {position: absolute; right: 0; top: 18px; padding-left: 5px; background: transparent url('../gfx/menu_left_bg.png') no-repeat top left}
		.mainmenu li {float: left; width: 0; position: relative}
		html>body .mainmenu li {float: left; width: auto}
		.mainmenu li a {display: block; color: #333; font-size: 13px; height: 28px; padding: 10px 10px 0 10px; background: transparent url('../gfx/menu_bg.png') repeat-x top}
		.mainmenu li a:hover, .mainmenu li .selected, .mainmenu li.selected > a {background: transparent url('../gfx/menu_hover_bg.png') repeat-x top; color: #fff; text-decoration: none}
		.mainmenu li a:active {background: transparent url('../gfx/menu_active_bg.png') repeat-x top; color: #ddd; text-decoration: none}

		.submenu {position: absolute; display: none;}
		.submenu li {float: none !important}
		.submenu li a {white-space: nowrap; color: #3381BC !important; border-top: 1px dotted #aaa; padding: 5px 10px 0 10px; height: 22px; }
		.submenu li a:hover {background: #3381BC !important; color: #fff !important}

		.mainmenu li:hover > .submenu {display: block}
		

	.blue_bar {height: 5px; background-color: #3381BC}
	.gray_bar {height: 3px; background-color: #B7B7B7}
	
	#footer {position: relative;}
	#footer .links {padding: 0 0 4px 30px}
	#footer .links a {color: #3381BC}

		#copyright {position: absolute; right: 30px; top: 0 }

#bottom_shadow {background: transparent url('../gfx/bottom_shadow.png') no-repeat top; height: 30px}


/*-------CONTENT-------------- */
#content {min-height: 600px; position: relative; padding: 36px 350px 56px 50px; font-size: 13px; line-height: 17px; color: #404040}

#content a.contact {position: absolute; right: 32px; top: 600px; display: block; width: 252px; text-align: center; font-size: 24px;
border: 1px solid #1d6498; background: #3381bc url('../gfx/btn_bg.png') repeat-x bottom; padding: 20px 0; color: #fff;
 -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3); 
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6); box-shadow: 0 0 6px rgba(0, 0, 0, 0.6)}

#content a.contact:hover {background: #3073a4; color: #eee; text-shadow: 0 0 3px rgba(0, 0, 0, 0.3); border-color: #225c86;}

.box {border-top: 3px solid #F2F2F2; margin-bottom: 16px}
.box p, .box div {margin-top: 3px; padding: 10px 10px 8px 20px; background: #e9e9e9 url('../gfx/box_gray_bg.jpg') repeat-x top; border-left: 8px solid #3381BC; border-bottom: 1px dotted #a7cbe7 !important}
.box div ul {list-style: square; padding: 10px 0 0 30px}
.box div li {padding: 10px 0 10px 0}

.box strong {font-size: 17px;}

.box iframe {margin: 25px 0;}

.outside_links li {padding: 10px 0 10px 0;}
.outside_links li a {background: transparent url('../gfx/globe_ico.png') no-repeat bottom left; padding: 2px 0 2px 30px}

.zoom_pictures {padding-bottom: 20px}
.zoom_pictures a {display: block; background: transparent url('../gfx/schema_ico.png') no-repeat bottom left; padding: 2px 0 1px 25px; margin-bottom: 3px}


.bottom_image {padding-top: 20px}

/*-------FORMS----------------- */
form {position: relative}
form .form_block {margin: 10px 0 10px 0; height: 100%; padding: 10px; border: 1px solid #ddd; background: #e9e9e9 url('../gfx/block_gray_bg.jpg') repeat-x top}
html>body form .form_block {overflow: hidden; }

form p {font-weight: bold; padding: 0 0 4px 0; color: #777}
form label {display:block; padding: 4px 0 1px 0; font-size: 11px; clear: both}
form input, form select, form textarea {margin-bottom: 6px; padding: 2px; float: left}
form input {width: 200px }
form input:focus, form textarea:focus {background-color: #FDFECF}
option {padding: 0 4px 0 4px}

label.error {float:left; clear: right; color: #ff0000; font-size: 11px; margin: -3px 0 0 6px; padding-left: 22px; background: transparent url('../gfx/form_error_ico.png') no-repeat left bottom}
input.error, textarea.error {border: 2px solid #f25857}

form button {padding: 2px 5px; cursor: pointer}

#result {position: absolute; bottom: 0; right: 0; color: #ff0000}
#loader {padding-left: 22px; background: transparent url('../gfx/form_valid_ico.png') no-repeat left bottom}

.table {width: 100%; margin: 10px 0}
.table th {padding: 10px 0; background-color: #3381BC; color: #fff; border-left: 1px solid #fff}
.table th:first-child {border-left: 1px solid #3381BC}
.table td {padding: 5px 0; border: 1px solid #3381BC; vertical-align: center}

.table_1 {text-align: center;}
.table_1 td:first-child {text-align: left; padding-left: 10px}

.table_2 {margin-bottom: 20px}
.table_2 th {padding: 10px; text-align: center;}
.table_2 td:first-child {text-align: center; font-weight: bold}
.table_2 li {list-style: square; padding: 5px; margin-left: 25px}
.table_2 .kwc {padding: 0 15px ; font-weight: bold; text-align: center; white-space: nowrap; }

/*------REKRUTACJA ----- */
.message_list {	list-style: none; width: 100%;}
.message_list li {background: url(images/message-bar.gif) no-repeat;}

.message_head {background: #e9e9e9 url('../gfx/box_gray_bg.jpg') repeat-x top; padding: 5px 10px; cursor: pointer;
position: relative; font-size: 14px; font-weight: bold; border-left: 8px solid #3381BC; border-bottom: 1px dotted #a7cbe7}
.message_head .timestamp {color: #a7cbe7;	font-weight: normal; font-size: 12px;	position: absolute;	right: 10px;	top: 5px;}

.message_body {background-color: #f1f1f1; padding: 10px 10px 8px 20px; border-bottom: 2px solid #fff; color: #666}

.collapse_buttons {text-align: right; border-top: dotted 1px #a7cbe7; padding: 2px 0; margin-top: 2px; width: 100%;}
.collpase_all_message {float: right; display: block; width: 16px; height: 16px; background: url('/public/gfx/arrow_up.png') no-repeat center top; margin-right: 8px }