/*

UTF-8

Template name: Transparentia
Template URI: http://templates.arcsin.se/transparentia-website-template/
Release date: 2006-08-20
Description: Simple, lightweight and slightly blue.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
* {
	/*margin: 1;
	padding: 1;
	text-align: center; */
}
a {
	color: #36C;
}
a:hover {
	color: #06F;
}
body {
	background: #EEE url(img/bg.gif);
	color: #444;
	font: normal 12px "Arial","Lucida Sans Unicode",sans-serif;
	
}
input {
	color: #555;
	font: normal 1em "Arial","Lucida Sans Unicode",sans-serif;
	margin: 2px;
	padding: 4px;
	
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}
code {
	background: url(img/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: #555;
	display: block;
	font: normal 1.1em "Arial","Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
cite {
	background: url(img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Arial","Lucida Sans Unicode",serif;
	padding-left: 28px;
}
h1,h2,h3 {
	color: #367EA6;
	padding-top: 6px;
}

/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	background: url(img/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	padding-bottom: 6px;
	width: 991px;
	border-bottom: 1px solid #DDD;
}
.header {


/*	background: url(img/header.gif) repeat-x; */
	background: url(grafika/baner.jpg) no-repeat ;
	background-position:center;


}

/* title */
.title h1 {
	color: #FFF;
	font: normal 3em Verdana,sans-serif;
	height: 145px;
	/* height: 200px; */
	line-height: 150px;
	margin-bottom: 8px;
	text-align: center;
}

/* navigation */
.navigation {
	margin-bottom: 4px;
}
.navigation a {
	background-color: #4A91C3;
	color: #FFF;
	float: left;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	padding: 8px 0;
	width: 19%;
	border-right: 1px solid #FFF;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-color: #000;
	color: #FFF;
}

/* main */
.main {
	clear: both;
	padding: 8px 18px;
}

/* main left */
.sidenav h1,.sidenav ul {
	padding-left: 12px;
}
.sidenav {
	background: #EEE;
	border: 1px solid #E5E5E5;
	float: left;
	width: 200px;
}
.sidenav h1 {
	color: #666;
	font-size: 1.2em;
	height: 20px;
	margin-top: 1.2em;
}
.sidenav ul {
	border-top: 1px solid #FAFAFA;
	background: #EEE url(img/bgul.gif) repeat-x;
	margin: 0;
	padding: 0;
}
.sidenav li {
	border: 1px solid #FAFAFA;
	border-top: none;
	list-style: none;
	margin: 0;
}
.sidenav li a {
	color: #777;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 14px;
	text-decoration: none;
}
.sidenav li a:hover {
	color: #111;
}

/* content */
.content {
	float: right;
	width: 744px;
}
.content .item {
	padding: 0px 12px 30px 12px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
}
.content .descr {
	color: #333;
	margin-bottom: 6px;
}

.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}

/* search form */
form {
	padding: 0 0 6px 8px;
}
.styled {
	border: 1px solid #DDD;
	padding: 4px;
}
.button {
	background: url(img/search.gif) no-repeat left bottom;
	border: none;
	height: 27px;
	width: 27px;
}

/* footer */
.footer {
	background: #FFF;
	border: 1px solid #EEE;
	color: #666;
	font-size: 1.1em;
	margin: 0 auto;
	text-align: center;
	width: 954px;
}
.footer a {
	color: #36C;
	text-decoration: none;
}
.footer a:hover {
	color: #06F;
	text-decoration: underline;
}
.footer .left, .footer .right {padding: 6px 12px;}
.footer .right, .footer .right a {color: #AAA;}
.footer .right a:hover {color: #666;}

/* floats */
.left {float: left;}
.right {float: right;}


/* moje dopiski */

.pliki img {
	margin: 8px;
}



#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}

#pomoc{
	border: none;
	margin: 2px 2px 2px 2px;
}	
	
.guzik {
	padding: 2px 6px 2px 6px;
	font: bold 90% "Arial","Lucida Sans Unicode",sans-serif;
	background-color: #3bf;
	border: 1px solid;
	color: #11b;
	border-color: Aqua #11b #11b Aqua;
	margin: 5px;
}

.guziknacisk,
.guzik:hover {
	border-color: #c63 #930 #930 #c63;
	padding: 2px 6px 2px 6px;
	font: bold 90% "Arial","Lucida Sans Unicode",sans-serif;
	background-color: #3bf;
	border: 1px solid;
	color: #11b;
	margin: 5px;
}

table.szeroka td
{
	
	padding: 4px 4px 4px 4px;
}


tr.szary1
{
	background: #eeeeee;
}
	
tr.szary2
{
	background: #dddddd;
}	

/*  ostatnia linia w bloku zam (wyświetlająca przyciski + konf)*/
tr.last_line
{
	height: 40px;
}
	
fieldset.opis legend
{
	padding: 5px;
	font-size: 1.2em;
}	
	
.komunikat
{
	font-size: 1.3em;
	margin-top: 1.2em;
	margin-bottom: 25px;
	color: #1d71a0;
	padding-top: 6px;
	
	
}	

td {
	vertical-align: middle;
}

.srodek
{
	clear: both;
	font: normal 1em "Arial","Lucida Sans Unicode",sans-serif;
	margin: 2px;
	padding: 4px;
}

.popr_poz_table
{
	border-spacing: 0px;
}


/*  POPRAWA DANYCH */
table.poprawa_danych tr td
{
	text-align: left !important;
}

ul#nav
{
	margin-top: 79px !important;
}


/* RABAT */

.p_usluga {float: left;}
.p_rabat {float: right;}

.p_rabat label
{
	display: inline;
}

.p_rabat span
{
	text-align: right;
}


.p_rabat input{width: 20px;text-align:center;}

.p_cena_usluga {text-align: left; margin-left: -206px;}



/* Przycisk opcje */

.cms_zam_edit {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("./images/submit-green-bg.gif") repeat-x scroll left top transparent;
    border-color: #6BD091 #349C5C #349C5C #6BD091;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    margin: 0 10px 0 0;
    padding: 2px 12px;
}
.cms_zam_edit:hover 
{
    background-image: url("./images/submit-green-bg-hover.gif");
	text-decoration: none;
	color: #FFFFFF;
}

.cms_zam_edit:visited
{
	color: #FFFFFF;

}


/* Przycisk - Standart */

.cms_button_std {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("./images/submit-blue-bg.gif") repeat-x scroll left top transparent;
    border-color: #4E58F5 #4C56F2 #4C56F2 #4E58F5;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    margin: 0 10px 0 0;
    padding: 2px 12px;
}
.cms_button_std:hover {
	/* background-image: url("./images/submit-blue-bg.gif"); */
	opacity: 0.9;
    background-image: url("./images/submit-blue-bg.gif");
	text-decoration: none;
}

.cms_button_std:visited
{
	color: #FFFFFF;
}


/* Przycisk dot. rabatów */

.cms_zam_rab_b {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("./images/submit-gray-bg.gif") repeat-x scroll left top transparent;
    border-color: #B2B2B2 #B3B3B3 #B3B3B3 #B2B2B2;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    margin: 0 10px 0 0;
    padding: 2px 12px;
}
.cms_zam_rab_b:hover 
{
    background-image: url("./images/submit-gray-bg-hover.gif");
	text-decoration: none;
	color: #FFFFFF;
}

.cms_zam_rab_b:visited
{
	color: #FFFFFF;

}




.cms_button_gray {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("./images/submit-gray-bg.gif") repeat-x scroll left top transparent;
    border-color: #B2B2B2 #B3B3B3 #B3B3B3 #B2B2B2;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    margin: 0 10px 0 0;
    padding: 2px 12px;
}
.cms_button_gray:hover 
{
    background-image: url("./images/submit-gray-bg-hover.gif");
	text-decoration: none;
	color: #FFFFFF;
}

.cms_button_gray:visited
{
	color: #FFFFFF;

}


.cms_button_core_std {
    font: 1em "Arial","Lucida Sans Unicode",sans-serif;
    font-size: 11px;
    margin: 0 10px 0 0;
    padding: 2px 12px;
}

.cms_button_core_std,
.cms_button_core_std:visited
{
    color: #555555;
}


.cms_button_core_std:hover
{
    color: #969696;
}




/* przycisk edytuj k */
a.cms_kol_konf
{
	background: url("./images/submit-green-bg.gif") repeat-x scroll left top transparent;
}



/* Popraw pozycje, inputy */

label.p_inp_podatek
{
    display: inline;
}


/* Button powrotu */

button.b_powrot
{
    color: #555555;
    font: 1em "Arial","Lucida Sans Unicode",sans-serif;
    margin: 2px;
    padding: 4px;
}


/*  Napis testowa */

span.test_v_info
{
	font-weight: bold;
}

/* Zamówienia  */

span.mega_kom_zapisz
{
	color: blue;
	font-weight: bold;
	font-size: 16px;
}

/* Wydruki  */

div.lang_div
{
	
}

div.lang_div label
{
	display: inline;
}

.st_button
{
    color: #555555;
    font: 1em "Arial","Lucida Sans Unicode",sans-serif;
    margin: 2px;
    padding: 4px;
}


#lang_2
{
	display: none;
}



.wnios_error
{
	font-weight: bold;
	font-size: 16px;
}


/* ---------------------------------
 *
 * ------- CMS - #ZAM_OVERLAYS
 *
 *-------------------------------*/

#zam_wyc_ch_contener:not([data-opMode]), 
#zam_rab_contentener:not([data-opMode]),
#cms__std__MessageBoxV1:not([data-opMode]),
.cms_konf__v1_contentener:not([data-opMode])
{
    display: none;
}

/* ---------------------------------
 *
 * ------- CMS - #CustomerMng
 *
 *-------------------------------*/

.shared--customerMng-layout {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.shared--customerMng-menu {
  position: sticky;
  top: 12px;
  border: 1px solid #ccc;
  background: #fff;
}

.shared--customerMng-menu a {
  display: block;
  padding: 9px 11px;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #e5e5e5;
}

.shared--customerMng-menu a:last-child {
  border-bottom: 0;
}

.shared--customerMng-menu a:hover {
  background: #f0f0f0;
}

.shared--customerMng-sections {
  min-width: 0;
}

.shared--customerMng-section {
  margin: 0 0 16px;
  border: 1px solid #ccc;
  background: #fff;
  scroll-margin-top: 12px;
}

.shared--customerMng-section>h3 {
  margin: 0;
  padding: 9px 12px;
  background: #eee;
  border-bottom: 1px solid #ccc;
  font-size: 15px;
}

.shared--customerMng-section>table {
  width: 100%;
  border-collapse: separate;
}

.shared--customerMng-section td {
  vertical-align: middle;
}

.shared--customerMng-section td:first-child {
  width: 42%;
}

.shared--customerMng-section input[type='text'],
.shared--customerMng-section select {
  max-width: 500px;
}

.shared--customerMng-rabaty td:first-child {
  width: auto;
}

.shared--customerMng-rabaty tr:nth-child(1) td {
  font-weight: bold;
}

@media (max-width: 800px) {
  .shared--customerMng-layout {
    grid-template-columns: 1fr;
  }

  .shared--customerMng-menu {
    position: static;
  }

  .shared--customerMng-menu a {
    display: inline-block;
    border-right: 1px solid #e5e5e5;
    border-bottom: 0;
  }
}