* {margin:0;padding:0;}
html {
	font:62.5% Times, Georgia, serif;
	height:100%;
	width:100%;}
body {
	background:url('../img/bg.png') center top #dacdad;
	color:#363942;
	font-size:1em;
	height:100%;
	width:100%;
	
}

a:link {
	color:#7d0002;
}
a:visited {
	color:#560203;
}
a:focus,
a:active,
a:hover {
	cursor:pointer;
	text-decoration:none;
	}

h2 {
	font-size:1.8em;
	font-style:italic;
	margin:1em 0 0.5em 0;
}
h2.first {margin-top:0}

ul, ol , dl {
	margin:1em;
}
ul.nav {margin:0}
dt {
	font-size:1.3em;
	
}
dd {
	font-style:italic;
	margin-bottom:0.3em;
}

label {
    display:block;
    font-style:italic;
}
input, textarea {
    font: 1.1em monospace;
    padding:0.2em;
}
.required label {font-weight:bold}

#wrapper {
	background:url('../img/bg-wrapper.jpg') repeat-x center 110px transparent;
	height:100%;
	text-align:center;
	width:100%;
	
}

#container {
	background: url('../img/bg-container.png') repeat-y 15px 110px transparent;
	min-height:70%;
	margin:0 auto;
	position:relative;
	text-align:left;
	width:800px;
}

#footer {
	background: url('../img/bg-footer.png') no-repeat left top transparent;
	color:#6d6e61;
	font-size:1.4em;
	font-style:italic;
	padding:45px 0 10px 0;
	margin:0 auto;
	width:800px;
}
#footer a {color:#666}

#header {
	background: url('../img/bg-header.jpg') no-repeat 20px 83px transparent;
	height:400px;
}

#slogan {
	color:#dacdad;
	clear:left;
	font-size:3.9em;
	margin-left:70px;
	padding-top:95px;
	width:470px;
}
#content {
	font-size:1.4em;
	line-height:1.6em;
	margin:0 50px;
	padding:1px 0;
}
#content p {
	margin-bottom:1em;
	text-align:justify;
}
#content ul li {
	list-style-image:url('../img/bullet.png');
	margin-left:1em;
}
#firstBlock {
	float:left;
	width:315px;
	}

#secondBlock {
	background: url('../img/divider.png') no-repeat 15px top transparent;
	margin-left:330px;
	min-height:370px;
	padding-left:50px;
	}

h1 {padding:10px 0}

h1 a {
	background:url('../img/krpk.png') no-repeat left top;
	display:block;
	height:60px;
	margin:0 auto;
	outline:none;
	text-indent:-9999px;
	width:416px;
}
.en h1 a {background-image:url('../img/en/krpk.png') }
h1 a:focus,
h1 a:active,
h1 a:hover {
	background-position:0 -60px;
}	
#langs {
	position:absolute;
	list-style:none;
	right:-20px;
	top:10px;
}
#langs a {
	background:url('../img/krpk-flagi.png') no-repeat -15px top;
	display:block;
	height:39px;
	margin-bottom:3px;
	outline:none;
	text-indent:-9999px;
	width:40px;
	}
#langs a#plFlag {
	background-position: -15px -39px;
}
#langs a:focus,
#langs a:active,
#langs a:hover {
	background-position: 0px 0px;
}
#langs a#plFlag:focus,
#langs a#plFlag:active,
#langs a#plFlag:hover {
	background-position: 0px -39px;
}

#menu {
	background:url('../img/menu.png') no-repeat left top;
	height:45px;
	left:50px;
	list-style:none;
	position:absolute;
	top:91px;
	width:510px;
}
.en #menu  {background-image:url('../img/en/menu.png');}
#menu a {
	background-image:url('../img/menu.png');
	background-repeat:no-repeat;
	color:#363942;
	display:block;
	left:0;
	position:absolute;
	font-size:14px;
	height:45px;
	line-height:45px;
	outline:none;
	overflow: hidden;
	text-transform:uppercase;
	width:102px;
	text-align:center;
	text-decoration:none;
	text-indent:-9999px;
	top:0;
	z-index: 10;

}
.en #menu a {background-image:url('../img/en/menu.png');}
#menu li div {
	position: absolute;
    top: 0;
    width: 102px;
    height: 45px;
    background-image: url('../img/menu.png');
	background-repeat:no-repeat;
}
.en #menu li div {background-image:url('../img/en/menu.png');}
.nav-li_menu_1 {
	left: 0;
	background-position: 0px -90px;
}
.nav-li_menu_2 {
	left: 102px;
	background-position: -102px -90px;
}
.nav-li_menu_3 {
	left: 204px;
	background-position: -204px -90px;
}
.nav-li_menu_4 {
	left: 306px;
	background-position: -306px -90px;
}
.nav-li_menu_5 {
	left: 408px;
	background-position: -408px -90px;
}


#menu a#menu_1 {left:0px;background-position:0 0}
#menu a#menu_2 {left:102px;background-position:-102px 0}
#menu a#menu_3 {left:204px;background-position:-204px 0}
#menu a#menu_4 {left:306px;background-position:-306px 0}
#menu a#menu_5 {left:408px;background-position:-408px 0}

#menu a#menu_1:focus, #menu a#menu_1:active, #menu a#menu_1:hover {background-position:0 -90px}
#menu a#menu_2:focus, #menu a#menu_2:active, #menu a#menu_2:hover {background-position:-102px -90px}
#menu a#menu_3:focus, #menu a#menu_3:active, #menu a#menu_3:hover {background-position:-204px -90px}
#menu a#menu_4:focus, #menu a#menu_4:active, #menu a#menu_4:hover {background-position:-306px -90px}
#menu a#menu_5:focus, #menu a#menu_5:active, #menu a#menu_5:hover {background-position:-408px -90px}

#menu .current a#menu_1 {background-position:0 -45px}
#menu .current a#menu_2 {background-position:-102px -45px}
#menu .current a#menu_3 {background-position:-204px -45px}
#menu .current a#menu_4 {background-position:-306px -45px}
#menu .current a#menu_5 {background-position:-408px -45px}


.famousQuote {
	font-size:18px;
	font-style:italic;
	line-height:1em;
	margin:20px 30px 0 30px;
	width:250px;
}
.famousQuote .bqStart ,
.famousQuote .bqEnd {
    color:#ccc;
    font-size: 400%;
	padding-top: 25px;
}
.famousQuote .bqStart {
	height: 25px;
    margin-top: -15px;
    margin-bottom: -30px;
	margin-left:-10px;
	margin-right:5px;
	float:left;
}
.famousQuote .bqEnd {
	float:right;
	height: 5px;
	padding-top: 0px;
}
.quoteAuthor {float:right;}

#clientsCloud li {
	font-size:1.3em;
	line-height:1.3em;
	margin:0.2em;
	padding:0.2em;
}

/* messages and errors */
#jsSessionFlash,
#sessionFlash {
	background:#708a9b;
	border-bottom:1px solid #1f425a;
	color:#fff;
	font-weight:bold;
	font-size:1.4em;
	position:relative;
	padding:1em;
	text-align:center;
	z-index:100;
}
#jsSessionFlash {
	left:0;
	position:fixed;
	right:0;
	bottom:0;
}
.error input,
.error textarea {
	background:#f0d4d4;
	border:1px solid #7d0002}
.error-message {
	color:#7d0002;
	font-weight:bold;
}

/* global classes */
.clr {
	clear:both;
	display:block;
	height:1px;
	width:1px;
	}