* {
	padding:0px;
	margin:0px;
}

body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:15px 0px 10px 0px;
	font-size: 11px;
	color: #616161;
	background-image:url(../layout/pattern.gif);
	background-repeat: repeat;	
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cb3027;
	font-size:14px;
	margin:5px 0px 5px 0px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #616161;
	font-size:13px;
	margin:5px 0px 5px 0px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cb3027;
	font-size:11px;
	margin:5px 0px 5px 0px;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #616161;
	margin:5px 0px 5px 0px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color:#616161;
	text-align:justify;
	margin-bottom: 10px;
}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 11px;
	color: #616161;
	padding: 0px;
	margin: 0px 0px 5px 20px;
	list-style-position: outside;
	list-style-type:none;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin-bottom: 10px;
	font-size: 11px;
	text-decoration: none;
	color: #B9231A;
}
a:focus,
a:hover {
	text-decoration: underline;
}

img {
	border:0px;
}
a img {
	border:0px;
}

/* Struktura */

#wrapper, #footer, #copyright {
	width:944px;
}

#wrapper {
	margin:auto;
	text-align:left;
	background-color:#FFFFFF;
}
#head {
	height:72px;
	background-image:url(../layout/office/head.gif);
	background-repeat: no-repeat;
}

#logo {
	position:absolute;
	width:134px;
	text-align:center;
	z-index:3;
}

#content {
	width:697px;
	background-image:url(../layout/cont_silv.gif);
	background-repeat:repeat-x;
	background-color:white;
	padding:30px 20px 0px 20px;
	overflow:auto;
}

*html #content {
	width:735px;
	overflow:visible;
}

#menu {
	float:right;
	width:206px;
}

#footer {
	height:70px;
	text-align:right;
	background-image:url(../layout/foot_silv.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-color:#FFFFFF;
	clear:both;
}

#footer div {
	text-align:right;
	height:20px;
	margin-right:14px;
} 

#footer a {
	font-size: 9px;
	color: #818181;
	text-decoration: none;
	vertical-align:middle;
}

#footer img {
	width:12px;
	height:12px;
	vertical-align:middle;
}

#copyright {
	text-align:right;
	padding:5px 0px 0px 0px;
	overflow:auto;
	margin:auto;
}

#copyright a {
	margin-right:14px;
}

#copyright a img {
	width:92px;
	height:18px;
}

/* Ozdobiki */
.gray_border {
	border:solid 1px #BDBDBD;
}

.black_border {
	border:solid 1px #000000;
}

.rhett {
	color:#CB3027;
}

.error {
	color:#B9231A;
}

/* Fanky Przycisk */

button.fancy {
	border:none;
	background-color:transparent;
	cursor:pointer;
}

div.button {
	overflow:auto;
}

div.button * {
	display:inline;
	vertical-align:middle;
	color:#FFFFFF;
}

div.button div.big_middle {
	padding:6px 5px;
	background-image:url(../layout/office/big_button_bg.jpg);
}

div.button div.small_middle {
	padding:2px 5px 3px 5px;
	background-image:url(../layout/office/small_button_bg.jpg);
}

/* Głowne Logowanie */

div.loggin h3 {
	line-height:36px;
	padding-left:40px;
	margin-bottom:10px;
	background-image:url(../layout/logowanie.gif);
	background-position:0% 50%;
	background-repeat:no-repeat;
}

div.loggin label {
	display:-moz-inline-box;
	display:inline-block; 
	width:40px;
	text-align:left;
	font-weight:bold;
	font-size:10px;
}

div.loggin input {
	width:100px;
}

/* Lewe menu */

#menu {
	background-image:url(../layout/office/foot_silv.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#ECECEC;
}

#menu div.top,
#menu div.bottom {
	padding:10px 7px;
}

#menu div.top {
	
}

#menu div.bottom {
	
}

#menu div.loggin {
	width:184px;
	padding:4px;
	background-color:#F2F2F2;
}

*html #menu div.loggin {
	width:192px;
}

#menu div.loggin form {
	
}

#menu h3 {
	margin-left:10px;
}

#menu ul.projects_menu li {
	margin-left:25px;
	list-style-image:url(../layout/li2.gif);
}

#menu ul.user_menu li {
	margin-left:25px;
}

#menu ul.user_menu li a {
	color:#616161;
}

#menu .legend img {
	margin-right:5px;
}

/* Nawigacja */

div.navigation {
	overflow:auto;
	margin:auto;
	text-align:center;
	clear:both;
}
div.navigation .page {
	margin:auto;
	width:150px;
}
div.navigation .total {
	padding-top:3px;
	position:absolute;
}
div.navigation .pages {
	padding-top:3px;
	float:right;
}

/* Formularze */

input.buttons {
	border:none;
	background-color:#757575;
	height:28px;
	color:#FFFFFF;
	font-size:11px;
	font-family:verdana;
	padding:0px 5px;
}

div.column {
	width:320px;
	float:left;
}
div.form {
	background-color:#ececec;
	border:1px solid #8f8f8f;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	width:670px;
	margin-bottom:10px;
	overflow:auto;
}
div.form2 {
	background-color:#f1f1f1;
	margin:2px;
	padding:2px;
	width:300px;
	border:1px solid #c7c7c7;
	float:left;
}
table.form2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	padding:5px;
}
input.form2_submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:15px 0px 5px 2px;
	padding:2px;
	color: #FFFFFF;
	background-color: #757575;
	border: 0px;
}
td.form2 {
	padding:2px 2px 4px 6px;
}
td.form2a {
	padding:2px 2px 4px 6px;
	width:120px;
}
textarea.form2,input.form2,select.form2 {
	margin-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#8f8f8f;
	font-weight:bold;
	font-size:11px;
	margin-left:10px;
	width:140px;
}

input.image_input {
	vertical-align:bottom;
}

*html input.image_input {
	vertical-align:top;
}

/* Aranzacje i Plytki */

#arrangement {
	overflow:auto;
	margin:auto;
}

#arrangement div.list,
#tile div.list {
	float:right;
	width:240px;
	text-align:left;
	background-image:url(../layout/column_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#tile div.list {
	float:left;
	background-position: right top;
}

#tile h1 {
	margin-bottom:10px;
}

#arrangement div.list {
	height:700px;
	overflow:auto;
}

#arrangement div.list ul li,
#tile div.list ul li {
	margin:0px 0px 0px 40px;
	padding:0px;
	list-style-type: none;
	list-style-image: none;
	line-height:14px;
}

#tile div.list ul li {
	margin:0px;
}

#tile div.list ul li ul li {
	margin-left:10px;
}

#tile div.list {
	padding-bottom:10px;
}

#arrangement div.list ul li a,
#tile div.list ul li a {
	font-size:9px;
	line-height:14px;
	color:#616161;
	padding-left:2px;
}

#arrangement div.left {
	float:right;
	overflow:auto;
	width:240px;
	background-image:url(../layout/column_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#arrangement div.right {
	float:left;
	overflow:auto;
	width:500px;
}

#arrangement div.navigation {
	width:650px;
}
#arrangement div.picture {
	width:100px;
	height:100px;
	overflow:hidden;
	text-align:center;
	float:left;
}
#arrangement div.picture img {
	border:1px solid #8f8f8f;
}

#main_pic {
	border:1px solid #8f8f8f;
}

#arrangement div.products,
#arrangement div.products  {
	width:500px;
	float:left;
	overflow:auto;
}

#arrangement div.print {
	width:500px;
	text-align:left;
}

#tile div.products {
	float:right;
}
#tile div.products,
#tile div.navigation {
	width:410px;
}
#arrangement div.products div.product,
#tile div.products div.product{
	float:left;
	width:100px;
	height:100px;
	overflow:hidden;
	text-align:center;
}
#arrangement div.products div.product div,
#tile div.products div.product div {
	width:50px;
	height:50px;
	border:1px solid #8f8f8f;
	background-color:white;
	margin:auto;
}

#tile div.product_detail {
	float:right;
	overflow:auto;
	width:450px;
}

#arrangement_print {
	width:400px;
	margin:auto;
}

#arrangement_print table {
	width:400px;
	font-size:12px;
	margin:10px 0px;
}

#tile div.product_detail table {
	width:100%;
	font-size:12px;
	margin:10px 0px;
}

#arrangement_print table td,
#tile div.product_detail table td {
	height:20px;
}

#tile td.separator,
#arrangement_print td.separator{
	border-bottom:solid 1px #8f8f8f;
}

/* Galerie */
.gallery {
	overflow:auto;
	clear:both;
}

.gallery h3 {
	color:#000000;
	font-size:13px;
	margin:0px 0px 15px 25px; 
}

.gallery p {
	margin:0px;
}

.gallery div.picture {
	float:left;
	text-align:center;
	width:120px;
	height:120px;
	overflow:hidden;
}

.gallery div.picture h4 {
	line-height:10px;
	font-weight:bold;
	font-size:10px;
	margin:2px 0px 2px 0px;
}
.gallery div.picture h4 a {
	line-height:10px;
	margin:0px;
}
.gallery div.picture p {
	line-height:11px;
	font-size:9px;
	margin:0px;
}
.gallery div.picture img {
	border:1px solid #8f8f8f;
}

/* Skladanie projektu */

#steps {
	overflow:visible;
}

#steps div.flat a {
	display:block;
	margin-top:-4px;
	color:#616161;
}
/*
#steps div.flat a {
	color:#616161;
	display:block;
	margin-top:-3px;
}

*html #steps div.flat a {
	margin-top:-6px;
}
*/
#steps div.flat {
	float:left;
	position:relative;
	margin-right:5px;
	padding:5px 8px 0px 8px;
	background-color:#FFFFFF;
	top:1px;
	overflow:hidden;
}

#steps div.active {
	height:20px;
	padding:12px 8px 8px 40px;
	background-position:10px 50%;
	background-repeat:no-repeat;
}

*html #steps div.active {
	height:40px;
}

#steps div.bottom {
	height:18px;
	top:18px;
}

*html #steps div.bottom {
	height:23px;
}

#step {
	clear:both;
	margin-top:-15px;
	background-color:#F1F1F1;
	padding:10px;
}

#notification {
	padding:10px 10px 5px 10px;
}

#notification h3 {
	line-height:36px;
	padding-left:40px;
	margin-bottom:15px;
	background-image:url(../layout/projektowanie.gif);
	background-position:0% 50%;
	background-repeat:no-repeat;
}

#notification select {
	border:solid 1px #BDBDBD;
}

#notification select {
	width:170px;
}

#notification ul.step_list li {
	margin:0px 0px 10px 0px;
}

#notification ul.step_list li select {
	margin-left:60px;
}

#notification ul.head li {
	display:inline;
	position:relative;
	top:1px;
	border-right:solid 1px #C7C7C7;
	border-top:solid 1px #C7C7C7;
	border-left:solid 1px #C7C7C7;
	margin:0px 5px 0px 0px;
	padding:3px 6px;
	background-color:#FFFFFF;
}

*html #notification ul.head li {
	top:0px;
}

#notification ul.head li a{
	color: #616161;
}

#notification ul.head li.active {
	color:#B9231A;
}

#notification ul.dimensions {
	visibility:hidden;
	display:none;
	padding:0px;
	margin:5px 0px;
}
#notification ul.dimensions li {
	display:inline;
	margin:0px;
	padding:0px;
}

#notification ul.dimensions li input{
	width:60px;
}

#notification label {
	display:-moz-inline-box;/*MOZ*/
	display:inline-block; 
	width:170px;
	text-align:left;/*IE*/
	font-weight:bold;
}

#notification div.variants {
	overflow:auto;
	/*width:690px;*/
	width:600px;
	margin:5px 0px 30px 30px;
}
*html #notification div.variants {
	width:620px;
}
#notification div.variants div.variant {
	float:left;
	width:100px;
	margin:0px 10px;
	text-align:center;
}
#notification div.variants img {
	margin:0px 0px 3px 0px;
}

#notification div.variants input {
	margin:3px 0px 0px 0px;
	border:none;
}

#notification div.next_step {
	margin:30px 0px 0px 0px;
	text-align:center;
	float:none;
}

#notification div.next_step input {
	background-color:#757575;
	padding:0px 5px;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
}
#notification div.next_step input:hover {
	text-decoration:underline;
}

#notification table.draft td {
	vertical-align:top;
	height:90px;
}

#notification table.draft td input {
	border:none;
}

#notification table.draft td textarea {
	width:500px;
}

#notification p.error {
	text-align:left;
}

/******************************* KLIENT *********************************/

div.errors {
	margin:10px 0px;
	padding:10px 20px;
}

div.errors p {
	margin:0px;
}

/* Project Accordition */

div.proj_accord {
	background-color:#D6D6D6;
	overflow:auto;
}

*html #project_info{
	margin-bottom:-10px;
}

div.accord_handler {
	float:right;
	margin-right:5px;
}

div.accord_handler,
div.accord_header {
	height:20px;
	padding:5px 0px 3px 8px;
}

*html div.accord_handler {
	padding:2px 0px 0px 8px;
}

div.accord_header {
	padding-top:7px;
}

div.accord_header a {
}

div.accord_content {
	background-color:#FFFFFF;
	clear:both;
	border-top:solid 1px #BDBDBD;
	overflow:auto;
	padding:8px;
}

div.accord_content img.variant {
	float:left;
	margin-right:15px;
}

div.accord_content p {
	margin:3px 0px 0px 0px;
}

/* Watek projektu */

div.legend {
	background-color:#F3F3F3;
	padding-left:10px;
}

div.legend li {
	margin:0px;
}

#thread,
#project_info {
	padding:0px 15px;
	background-color:#ECECEC;
	border:solid 1px #BDBDBD;
}

#project_info {
	border-bottom:none;
	padding-top:10px;
	padding-bottom:10px;
}

#thread {
	border-top:none;
	padding-bottom:10px;
}

#thread p.author {
	margin-top:5px;
}

#thread div.post{
	background-color:#F1F1F1;
	padding:10px;
}

#thread div.attachments {
	margin:5px 0px 0px 0px;
}

#thread div.attachments ul {
	list-style-position:inside;
}

#thread div.attachments li {
	display:inline;
	margin:0px;
}

#thread_post {
	padding:10px;
}

#thread form {
	margin:0px;
}

#thread_post textarea {
	width:640px;
}

/* Edycja danych */


div.personal {
	background-color:#F1F1F1;
	padding:20px 0px;
}

div.personal,
div.personal input {
	border:solid 1px #BDBDBD;
}

div.personal label {
	display:-moz-inline-box;
	display:inline-block; 
	width:120px;
	text-align:left;
	font-weight:bold;
	font-size:11px;
}