/* * * * * * * * * * * * * * * * * * */
/*   Elendar - Bractwo Alchemików    */
/*         (Oddział N.O.C.)          */
/* --------------------------------- */
/*      Projekt oraz wykonanie:      */
/*  Materios Dragonius (Nightware)   */
/*             (C) 2012              */
/* * * * * * * * * * * * * * * * * * */
body {
background: 			#2d4711 url(images/bg.jpg) top right no-repeat;
color: 					#ffffff;
margin:					0px;
cursor:					default;
}
a {
text-decoration:		none;
outline:				none;
cursor:					pointer;
}
#header {
width:					100%;
height:					170px;
position:				relative;
display:				block;
background:				url(images/header_bg.png) top repeat-x;
padding:				5px 0px 0px 0px;
}
#hd_cont {
width:					950px;
position:				relative;
margin:					auto;
}
#hd_logo {
width:					182px;
height:					102px;
background:				url(images/hd_logo.png) no-repeat;
position:				relative;
	top:				10px;
}
#hd_menu {
width:					750px;
height:					120px;
margin:					0px 0px 0px 6px;
position:				absolute;
	top:				0px;
	left:				180px;
}
a.tile {
width:					130px;
height:					115px;
margin:					5px 3px 0px 3px;
opacity:				0.69;
display:				inline-block;
color:					#dddddd;
-webkit-transition: 	all 0.7s ease;
-moz-transition: 		all 0.7s ease;
-o-transition: 			all 0.7s ease;
}
a.tile:hover {
width:					130px;
height:					130px;
display:				inline-block;
opacity:				1.0;
-webkit-transition: 	all 0.4s ease;
-moz-transition: 		all 0.4s ease;
-o-transition: 			all 0.4s ease;
}
.tiletext {
font:					medium sans-serif;
margin:					10px 10px 10px 10px;
cursor:					pointer;
}

	#tl_1 { background:	url(images/tile_bg.png) 0px 0px repeat-x;}
	#tl_2 { background:	url(images/tile_bg.png) 0px -130px repeat-x;}
	#tl_3 { background:	url(images/tile_bg.png) 0px -260px repeat-x;}
	#tl_4 { background:	url(images/tile_bg.png) 0px -390px repeat-x;}
	#tl_5 { background:	url(images/tile_bg.png) 0px -520px repeat-x;}

#lang {
table-layout:			fixed;
border-collapse: 		separate;
border-spacing:			0px 2px;
width:					50px;
height:					120px;
margin-top:				4px;
display:				inline-block;
vertical-align:			top;
float:					right;
}
.small_tile {
width:					50px;
height:					35px;
display:				block;
-webkit-transition: 	all 0.4s ease;
-moz-transition: 		all 0.4s ease;
-o-transition: 			all 0.4s ease;
}
	#stl_1 { background:	url(images/flags.png) 0px 0px repeat-y;}
	#stl_2 { background:	url(images/flags.png) 0px -35px repeat-y;}
	#stl_3 { background:	url(images/flags.png) 0px -70px repeat-y;}
	#stl_1:hover { background:	url(images/flags.png) -50px 0px repeat-y;}
	#stl_2:hover { background:	url(images/flags.png) -50px -35px repeat-y;}
	#stl_3:hover { background:	url(images/flags.png) -50px -70px repeat-y;}
	
#content {
width:					950px;
min-height:				300px;
margin:					auto;
text-shadow:			0px 0px 2px #000000;
color:					#ffffff;
text-align:				justify;
line-height: 			19px;
}
	#content hr {
	border:				1px solid #dddddd;
	box-shadow:			0 0 3px black;
	}
#cont_inbox {
margin:					0px 20px 0px 20px;
}
#cont_text {
width:					635px;
display:				inline-block;
margin:					0px 10px 0px 0px;
vertical-align:			top;
}
#medal {
width:					260px;
min-height:				343px;
background:				url(images/medal.png) no-repeat;
display:				inline-block;
}
#welcome {
width:					220px;
height:					85px;
background:				url(images/cont_header.png) no-repeat;
}
	#welcome_en {
	width:					200px;
	height:					85px;
	background:				url(images/cont_header.png) -240px 0px no-repeat;
	}
	#welcome_ru {
	width:					380px;
	height:					90px;
	background:				url(images/ru_cont_header.png) no-repeat;
	}
#products {
width:					700px;
height:					75px;
background:				url(images/cont_header_p.png) no-repeat;
}
	#products_en {
	width:					700px;
	height:					75px;
	background:				url(images/en_cont_header_p.png) no-repeat;
	}
#company {
width:					170px;
height:					75px;
background:				url(images/cont_header_c.png) no-repeat;
}
	#company_en {
	width:					175px;
	height:					75px;
	background:				url(images/cont_header_c.png) -175px 0px no-repeat;
	}
#jobs {
width:					240px;
height:					75px;
background:				url(images/cont_header_j.png) no-repeat;
}
	#jobs_en {
	width:					150px;
	height:					75px;
	background:				url(images/cont_header_j.png) -250px 0px no-repeat;
	}
#cont {
width:					180px;
height:					75px;
background:				url(images/cont_header_k.png) no-repeat;
}
	#cont_en {
	width:					150px;
	height:					75px;
	background:				url(images/cont_header_k.png) -185px 0px no-repeat;
	}

#footer {
width:					950px;
height:					30px;
margin:					30px auto 0px auto;
color:					#6c963e;
text-align:				center;
font:					small sans-serif;
text-shadow:			0px 0px 3px #000000;
}
#footer, .welcome_txt a {
color:					#6c963e;
}
#footer, .welcome_txt a:hover {
color:					#7cbf34;
}
#footer img {
margin:					0px;
vertical-align:			middle;
}

#prod {
table-layout: 			fixed;
width:					900px;
border-collapse: 		collapse;
border-spacing:			0px;
box-shadow:				0px 0px 3px #000000;
margin:					10px 0px 10px 0px;
}
	#prod td {
	padding:			3px;
	border:				1px solid #6c963e;
	background:			url(images/bg_trans.png);
	}
	#p_name {
	width:				400px;
	}
	#p_cap {
	width:				225px;
	}
	#p_nu {
	width:				200px;
	}
	#p_image {
	width:				50px;
	}
	.c {
	text-align:			center;
	}
#prod_head  td {
background:				#0d2701;
font:					medium sans-serif;
color:					#6da037;
}
.p_des {
margin:					0px;
font:					small serif;
color:					#888888;
}
a img {
outline:				none;
border:					none;
margin:					0px 2px 0px 2px;
}

.job {
table-layout: 			fixed;
width:					900px;
border-collapse: 		collapse;
border-spacing:			0px;
box-shadow:				0px 0px 3px #000000;
margin:					10px 0px 10px 0px;
}
.jobheader {
border:					1px solid #6c963e;
background:				#0d2701;
font:					large sans-serif;
color:					#6da037;
}
.jobcontent {
padding:				3px;
border:					1px solid #6c963e;
background:				url(images/bg_trans.png);
}
.jobcontact {
padding:				3px;
border:					1px solid #6c963e;
background:				url(images/bg_trans.png);
color:					#6da037;
}	
#contact_cont {
width:					450px;
display:				inline-block;
margin:					0px 30px 0px 0px;
vertical-align:			top;
}
	.contact_log {
	table-layout:		fixed;
	border-collapse:	collapse;
	border-spacing:		0px;
	width:				420px;
	margin:				8px 0px 8px 30px;
	display:			inline-block;
	}
	td.cl_cont {
	vertical-align:		middle;
	padding:			10px;
	background:			url(images/bg_trans.png);
	width:				100%;
	font:				medium sans-serif;
	color:				#efefef;
	}
	td.cl_head {
	height:				100px;
	vertical-align:		middle;
	padding:			0px;
	width:				30px;
	background:			#60a62d;
	}
#contact_map {
width:					450px;
display:				inline-block;
}
	#map {
	border: 			9px solid #60a62d;
	border-radius:		9px 9px;
	box-shadow:			0px 0px 3px #000000;
	}
.welcome_txt {
font-size:				large;
}
.buis_card {
position:				fixed;
	top:				0px;
	left:				0px;
	right:				0px;
	bottom:				0px;
background:				url(images/bg_trans.png) repeat;

}
.card {
width:					347px;
height:					202px;
position:				absolute;
	left:50%;
	top:50%;
	margin-top:-100px;
	margin-left:-172px;
display:				block;
background:				white;
}
	.card_closebutton {
	width:				27px;
	height:				27px;
	background:			url(images/close.png) no-repeat;
	position:			relative;
		top:			5px;
		left:			355px;
	display:			block;
	cursor:				pointer;
	}
#card_nightware {
background:				url(images/n_ware_card.png) no-repeat;
}
#card_karolina {
background:				url(images/karolina_card.png) no-repeat;
}