/* @group General */

*{padding: 0; margin: 0;}

body {
    margin: 0 auto;
	padding: 0;
	color: #4e4e4e;
	background-color: white;
	font: 12px Tahoma, "Lucida Grande", Lucida, sans-serif;
	text-align: center;
}

acronym, abbr {
	cursor: help;
	border-bottom: 1px dashed #666;
}

a {
	color: #3285cf;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #bc9d5f;
}

ul {
    margin: 0;
	padding: 0;
    list-style-position: inside;
}

li {
    list-style-type: disc;
    line-height: 17px;
}

dl { border-bottom: 1px solid #999; width: 90%; margin: 15px;}

dt {
    width: 15em;
    padding: .5em;
    float: left;
    margin: 0;
    border-top: 1px solid #999;
    font-weight: bold;
    clear: both;
}

dd {
    margin-left: 16em;
    padding: .5em;
    border-top: 1px solid #999;
}

dd.first { border-top: 1px solid #999; }

pre {
	color: #555;
	padding: 5px;
	margin: 10px 20px 10px 20px;
	border: 1px solid black;
	text-align: left;
	font-size: 12px;
}

img {
	border: 0;
}

h1, h2, h3 {
    color: #555;
    font: normal 18px Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif;
}

h2 a {
    color: black;
    font-weight: normal;
}

h2 a:hover {
    color: black;
}

h3 {
	font-size: 12px;
	margin: 0 0 0 10px;
	padding: 0 0 5px 0;
}

h1 em, h2 em, h3 em {
 /*color: #80c036;*/
 font-style: normal;
}

h1 span, h2 span {
	display: block;
	position: relative;
	z-index: 1;
}

.end {
	clear: both;
}

div.hr {
	margin: 10px 0px 20px 20px;
	padding: 0px;
	height: 1px;
	background: #555 url(../gfx/hr-bg.gif) repeat-x 0 top;
	clear: both;
}

div.hr hr {
	display: none;
}

a.more {
	float: right;
}

.icon {
    vertical-align: middle;
    margin:0px;
    padding:0px;
}

.ajax {
    text-decoration:none;
    border-bottom:1px dotted #568a00;
}

.yes {
	color: green;
}

.no {
	color: red;
}

.date {
	font-size: 10px;
	color: #c0c0c0;
}

p.date {
	margin: 0px 0px 0px 20px;
	font-size: 10px;
	padding: 0;
	color: #c0c0c0;
}

.fright { float:right; margin:10px 0 10px 10px;}
.fleft { float:left; margin:10px 10px 10px 0;}

/* @group Messages */

#messages div {
    margin: 10px 0 10px 0;
    background-color: white;
}

#messages div p {
    margin: 10px 10px 10px 10px;
    padding: 0;
}

#messages .msg_error {
    border: 3px solid #ff0000;
    color: #ff0000;
}

#messages .msg_info {
    border: 3px solid #3377be;
    color: #3377be;
}

#messages .msg_ok {
    border: 3px solid #189670;
    color: #189670;
}

/* @end */

/* @group Paging */

.paging {
    list-style-type: none;
    margin: 20px 0 10px 0;
    padding: 0px;
    display: inline;
    background-color: #f4f4f4;
	border: 1px solid #d4d4d4;
}
.paging li {
    display: inline;
    margin: 0px 3px 0px 0px;
    padding: 1px 3px 1px 3px;
}
.paging a {
    margin: 0px;
    padding: 0px;
}
.paging li.active a {
    color: #666;
}

/* @end */

/* @end */

/* @group Form
 */

/* @group General */

fieldset {
	margin: 0px 0px 10px 0px;
	background-color: #f4f4f4;
	border: 1px solid #d4d4d4;
	padding: 10px;
}

label {
	float: left;
	width: 20%;
	margin-right: 1em;
	padding-top: 0.2em;
	text-align: right;
	font-weight: bold;
}

label.checkbox {
    width: 100%;
    text-align: left;
    margin:0;
}

input:focus, textarea:focus, label:focus, button:focus {
	background: #fff;
	border: 1px solid #686868;
}

textarea, input, button, select {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 3px;
	color: #000;
}

/* @end */

/* @end */

/* @group Layout */

/* @group Management */

#management {
    background-color: black;
    color: white;
    text-align: left;
    font-size: 15px;
    position: relative;
}

#management ul {
    margin: 0 20px 0 20px;
}

#management li {
    display: inline;
    line-height: 35px;
}

#management ul li a {
    color: #80c036;
    font-size: 15px;
    padding: 2px;
}

#management ul li a:hover {
    color: black;
    background-color: #80c036;
    text-decoration: none;
}

#management #mng-logo a {
    padding: 0;
}

#management span {
    margin: 0 5px 0 5px;
    display: inline;
}

#management #mng-logo img {
    vertical-align: middle;
}

#management #mng-menu-link {
    position: absolute;
    top: 0px;
    right: 20px;
}

#mng-menu-link a {
    color: white;
}

#mng-menu-link a:hover {
    background-color: white;
    color: black;
}

#mng-menu-link.active a {
    background-color: white;
    text-decoration: none;
    color: black;
}

#management #mng-menu {
    width: 250px;
    position: absolute;
    right: 10px;
    top: 28px;
    z-index: 10;
    display: none;
    padding: 0;
}

#mng-menu-shadow {
    background: url(../../cms/gfx/project_switcher-shadow-top.png) 0 0 no-repeat;
}

#mng-menu-content {
    background-color: white;
    margin-left: 16px;
    padding-bottom: 10px;
}

#mng-menu p a {
    color: black;
}

#mng-shadow-bottom {
    background: url(../../cms/gfx/project_switcher-shadow-bottom.png) 0 0 no-repeat;
    padding-top: 13px;
}

/* @end */

/* @group Header */

#header-ct {
	width: 100%;
	text-align: center;
	background: #5c8098 url(../gfx/header-bg.jpg) repeat-x 0 top;
}

#header {
	width: 980px;
	height: 201px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

#h-logo {
    padding: 15px 0 0 0;
    width: 335px;
}

#h-motto {
	/*float: right;*/
	width: 640px;
    position: absolute;
    top: 0;
    right: 0;
}

#h-motto h2 {
	margin: 20px 0 0 0;
	color: #4e4e4e;
	font: 35px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#h-motto p {
	margin: 5px 0 0 0;
	color: white;
	font: 18px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#header-nav-ct {
	width: 100%;
	height: 33px;
	line-height: 33px;
	text-align: center;
	background: url(../gfx/h-nav-bg.gif) repeat-x 0 top;
}

#header-nav {
	width: 980px;
	margin: 0 auto;
	padding:0;
}

#header-nav h2 {
	display: none;
}

#header-nav ul {
	text-align: right;
}

#header-nav ul li {
	list-style-type: none;
	display: block;
	margin: 0 1px 0 0;
	display: inline;
}

#header-nav ul li a, #header-nav ul li a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #797979;
}

/* @end */

/* @group Main */

#main-ct {
	text-align: center;
	width: 100%;
	background: url(../gfx/m-menu-bg.gif) repeat-x 0 top;
}

#main {
	width: 980px;
	text-align: left;
	margin: 0 auto;
	padding: 80px 0 0 0;
	clear: both;
	position: relative;
}

#m-sidebar {
	width: 250px;
	float: left;
}

#m-sidebar h2 {	    
    font: normal 18px Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 213px;
	height: 44px;
	line-height: 34px;
	text-indent: 20px;
	color: #555;
	background: url(../gfx/m-sidebar-bg.gif) no-repeat 0 top;
}

#m-sidebar h3 {
	color: #555;
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0 0 20px;
}

#m-sidebar ul {
	margin: 0 0 0 20px;
}

#m-sidebar ul li {
	list-style-type: none;
}

#m-sidebar ul li span {
	font-weight: bold;
}

#m-sidebar-decor {
	width: 214px;
	height: 202px;
	background: url(../gfx/m-sidebar-decor.jpg) no-repeat 0 top;
	margin-top: 20px;
}

#article h2 {
	width: 648px;
	height: 44px;
    font: normal 18px Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif;
	line-height: 34px;
	text-indent: 20px;
	color: white;
	background: url(../gfx/m-article-bg.gif) no-repeat 0 top;
	margin-bottom: 20px;
}

#article h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	margin-left: 20px;
}

#article ul {
	margin: 20px 0 20px 20px;
}

#article ul li {
	list-style-type: none;
}

#article ul li span {
	font-weight: bold;
}

#article p {
	margin-bottom: 20px;
	margin-left: 20px;
}

#article blockquote {
    margin-bottom: 20px;
    margin-left: 50px;
    margin-right: 50px;
    border: 1px solid #d9be86;	
    background-color: #f4efe0;
    padding: 20px;
}

#article .fleft {
	float: left;
	margin: 0px 20px 20px 0px;
}

#m-a-price {
	font-size: 18px;
	position: relative;
}

#m-a-price a {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	line-height: 22px;
}

#m-a-contact {
	color: #777;
	padding-top: 10px;
}

#m-a-contact a {
	font-size: 18px;
	font-weight: normal;
	display: block;
	width: 171px;
	height: 96px;
	line-height: 80px;
	text-align: center;
	background: url(../gfx/m-a-contact.jpg) no-repeat 0 top;
	float: right;
}

#m-a-contact a:hover {
	text-decoration: none;
}

#m-content .item img {
	float: left;
	margin: 5px 20px 5px 10px;
}

#m-content .item .i-price {
    width: 100%;
    color: #bc9d5f;
    position: relative;
}

#m-content .item .i-price span {
    position: absolute;
    right: 20px;
    top: 0;
}


#m-content {
	width: 648px;
	float: right;
}

#m-menu {
	position: absolute;
	top: -42px;
	right: 0;
}

#m-menu ul li {
	display: block;
	float: left;
	width: 100px;
	text-align: center;
	margin: 0 0 0 40px;
}

#m-menu ul li a {
	display: block;
	padding-top: 70px;
	font: 18px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#m-welcome {
	width: 300px;
	float: left;
}

#m-welcome p {
	margin-top: 15px;
}

#m-welcome a {
    float: right;
}

#m-banner {
	float: right;
	margin-right:10px;
}

#m-offer {
	clear: both;
	margin: 0;
	padding-top: 20px;
}

#m-offer h2 {
	display: none;
}

#m-offer div h3 {
    font: normal 18px Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 213px;
	height: 44px;
	line-height: 34px;
	text-indent: 20px;
	color: #555;
	background: url(../gfx/m-sidebar-bg.gif) no-repeat 0 top;
	float: right;
}

#m-offer div {
	width: 316px;
	height: 300px;
	float: left;
	position: relative;
	margin-right: 10px;
}

#m-offer div p {
	width: 190px;
	margin: 15px 0 0 0;
	float: right;
}

#m-offer div ul {
	width: 190px;
	margin: 15px 0 0 0;
	float: right;
}

#m-offer div ul li {
	list-style-type: none;
	padding: 0;
	list-style-position: outside;
}

#m-offer div ul li span {
	font-weight: bold;
	padding: 0;
	text-indent: 0;
	margin: 0;
}


#m-offer div .decor {
	width: 112px;
	height: 280px;
	position: absolute;
	left: 0;
	bottom: -46px;
}

#menu-o-nas a {
	background: url(../gfx/menu-o-nas.gif) no-repeat center top;
}

#menu-czeste-pytania a {
	background: url(../gfx/menu-czeste-pytania.gif) no-repeat center top;
}

#menu-promocje a {
	background: url(../gfx/menu-promocje.gif) no-repeat center top;
}

#menu-referencje a {
	background: url(../gfx/menu-referencje.gif) no-repeat center top;
}

#menu-kontakt a {
	background: url(../gfx/menu-kontakt.gif) no-repeat center top;
}

/* @end */

/* @group Info */

#info-ct {
	clear: both;
	width: 100%;
	text-align: center;
	background: #e0e0e0 url(../gfx/m-info-bg.gif) repeat-x center top;
	padding-top: 50px;
}

#info {
	width: 980px;
	text-align: left;
	margin: 0 auto;
}

#info h2 {
	display: none;
}

#info div {
	width: 490px;
	float: left;
	margin-bottom: 10px;
}

#info div h3 {
	margin: 0;
	font-weight: bold;
	color: black;
}

#info img {
	float: left;
	margin-right: 10px;
}

/* @end */

/* @group Partners */

#partners-ct {
	width: 100%;
	height: 100px;
	text-align: center;
	color: white;
	clear: both;
	background: #c1c1c1 url(../gfx/partners-bg.gif) repeat-x 0 top;
}

#partners {
	margin: 0px auto;
    width: 980px;
    padding: 15px 0 0 0;
    text-align: center;
}

#partners h2 {
	display: none;
}

#partners img {
    margin: 15px 30px 0 30px;
    vertical-align: middle;
}
    
/* @end */

/* @group Footer */

#footer-ct {
	width: 100%;
	font-size: 11px;
	color:#797979;
	clear: both;
	height: 33px;
	line-height: 33px;
	text-align: center;
	background: url(../gfx/h-nav-bg.gif) repeat-x 0 top;

}

#footer {
    width: 980px;
    margin: 0px auto;
}

#footer a {
	font-weight: normal;
}

/* @group Footer Copyrights */

#f-copyrights {
	text-align: left;
	width: 50%;
	float: left;
}

#f-copyrights h2, #f-contact h2 {
	display: none;
}

#f-contact {
	text-align: right;
	width: 50%;
	float: right;
}

/* @end */

/* @end */

/* @group Debug */

#debug {
    display:none;
}

/* @end */

/* @end */
