@charset 'utf-8';
@import url(reset.css);
@import url(cms.css);

body{
	background-color: #ffffff;
	color: #555;
	font: 12px Verdana, Arial, sans-serif;
}

div.belka{
	clear: both;
	width: 100%;
	height: 1px;
}

a{
	color: #4b4b4b;
}

a:hover {
	text-decoration: none;
	color: white;
	background-color: #1a97de;

}

a img{
	border: none !important;
	background: none !important;
}
a img:hover {
	border: none !important;
	background: none !important;
}

#skipnavigation{display: none;}

/*{{{ header */
#header{
	height: 90px;
	position: relative;
	width: 100%;
	background-color: #4b4b4b;
	color: #ffffff;
}
	#innerhdr{
		width: 970px;
		height: 90px;
		margin: auto;
		position: relative;
		background: #4a4a4a url(../img/top.png) 0px 0px no-repeat;
		color: #ffffff;
	}
		#logolink{
			display: block;
			width: 185px;
			height: 64px;
			position: absolute;
			top: 10px;
			left: 2px;
		}
			#logolink img{
				width: 185px; height: 64px;
			}
		#tabs{
			width: 412px;
			height: 33px;
			position: absolute;
			top: 57px;
			left: 219px;
		}
			#tabs li{
				display: block;
				float: left;
				width: 100px;
				height: 33px;
				background-color: white;
				margin-right: 3px;
				color: #000000;
			}
				#tabs li a{
					display: block;
					width: 100px;
					height: 33px;
					background: white url(../img/menu_gl_01.png) no-repeat;
					color: #000000;
				}
				#tabs li a:hover {
					background: blue url(../img/menu_gl_01a.png) no-repeat;
				}
					#tabs li a span{
						display: none;
					}
			#tabs #dladostawcy{
				background-image: url(../img/menu_gl_02.png);
			}
			#tabs #dladostawcy:hover, #tabs #dladostawcy.active {
				background-image: url(../img/menu_gl_02a.png);
			}
		
			#tabs #dlaklienta{
				background-image: url(../img/menu_gl_03.png);
			}
			#tabs #dlaklienta:hover, #tabs #dlaklienta.active{
				background-image: url(../img/menu_gl_03a.png);
			}
			#tabs #katalog{
				background-image: url(../img/menu_gl_04.png);
			}
			#tabs #katalog:hover, #tabs #katalog.active{
				background-image: url(../img/menu_gl_04a.png);
			}
			#tabs #cafe{
				background-image: url(../img/menu_gl_cafe.png);
			}
			#tabs #cafe:hover, #tabs #cafe.active{
				background-image: url(../img/menu_gl_cafea.png);
			}
		
		#stepbystep{
			width: 316px;
			height: 61px;
			position: absolute;
			top: 16px;
			right: 2px;
			background: #4b4b4b url(../img/krokpokroku.png) 0px 0px no-repeat;
		}
			#stepbystep h2{
				font-weight: bold;
				margin-left: 80px;
				margin-top: 5px;
			}
			#stepbystep p{
				margin-left: 80px;
				margin-right: 10px;
				font-size: 11px;
			}
			#stepbystep p a{
				color: white;
			}
		#stepbystepoff{
			width: 90px;
			height: 61px;
			position: absolute;
			top: 16px;
			right: 2px;
		}
/*}}}*/
/*{{{ layout, lpanel, */
#layout{
	width: 970px;
	margin: auto;
}

/*{{{ lpanel */
	#lpanel{
		width: 200px;
		float: left;
		margin-top: -28px;
		font-size: 11px;
	}
		#lpanel #loginbox{
			background: #e9e9e9 url(../img/logowanie_dol.png) left bottom no-repeat;
		}
		#lpanel #loginbox h2{
			background: blue url(../img/logowanie_gora.png) no-repeat;
			width: 200px;
			height: 27px;
			color: #fff;
			line-height: 27px;
			font-weight: bold;
			text-indent: 20px;
		}
			#lpanel #loginbox p{
				padding: 5px;
			}
			#lpanel #loginbox p.separator{
				background-image: url(../img/logowanie_kropki.png);
				background-position: left top;
				background-repeat: repeat-x;
				margin-top: 5px;
				padding-top: 5px;
			}

		#lpanel .localnav li{
			margin: 5px 0px;
		}

		#lpanel .localnav li a{
			display: block;
			height: 20px;
			width: 200px !important;
			background: white url(../img/menu_lewa.png) 0px 0px no-repeat;
			padding: 5px 0px 0px 30px;
			text-decoration: none;;
		}

		#lpanel .localnav li a:hover, #lpanel .localnav li a.active{
			background: transparent url(../img/menu_lewa_a.png) 0px 0px no-repeat;
			width: 200px !important;
			color: white !important;
		}
/*}}}*/

/*{{{ 2nd level tabs - sltabs */
	#sltabs{
		width: 750px;
		float: right;
		margin: 5px 0px;
		height: 23px;
	}
		#sltabs li{
			width: 122px;
			height: 23px;
			display: block;
			background-color: #fff;
			color: #000;
			margin-right: 5px;
			float: left;
		}
			#sltabs li a{
				width: 122px;
				height: 23px;
				display: block;
				background: #fff url(../img/menu_stronadomowa.png) no-repeat;
				color: #000;
			}
			#sltabs li a:hover, #sltabs li a.active {
				background: #000 url(../img/menu_stronadomowa_a.png) no-repeat;
				color: #fff;
			}
				#sltabs li a span{
					display: none;
				}
			
			#sltabs #mojezgloszenia{background-image: url(../img/menu_mojezgloszenia.png);}
			#sltabs #mojezgloszenia:hover, #sltabs #mojezgloszenia.active{background-image: url(../img/menu_mojezgloszenia_a.png);}

			#sltabs #moiklienci{background-image: url(../img/menu_moiklienci.png);}
			#sltabs #moiklienci:hover, #sltabs #moiklienci.active{background-image: url(../img/menu_moiklienci_a.png);}

			#sltabs #uslugidlamnie{background-image: url(../img/menu_uslugidlamnie.png);}
			#sltabs #uslugidlamnie:hover, #sltabs #uslugidlamnie.active{background-image: url(../img/menu_uslugidlamnie_a.png);}

			#sltabs #mojeustawienia{background-image: url(../img/menu_mojeustawienia.png);}
			#sltabs #mojeustawienia:hover, #sltabs #mojeustawienia.active{background-image: url(../img/menu_mojeustawienia_a.png);}

			#sltabs #moidostawcy{background-image: url(../img/menu_moidostawcy.png);}
			#sltabs #moidostawcy:hover, #sltabs #moidostawcy.active{background-image: url(../img/menu_moidostawcy_a.png);}

			#sltabs #mojsprzet{background-image: url(../img/menu_mojsprzet.png);}
			#sltabs #mojsprzet:hover, #sltabs #mojsprzet.active{background-image: url(../img/menu_mojsprzet_a.png);}
/*}}}*/

	#breadcrumbs{
		width: 750px;
		float: right;
		margin: 5px 0px 5px 0px;
	}
		#breadcrumbs a{
			line-height: 19px;
		}
		#breadcrumbs strong{
			font-weight: bold;
			color: #000;
		}

	#contents{
		width: 750px;
		float: right;
	}
	
/*{{{ footer */
	#footer{
		color: #777;
		margin-top: 10px;
		background: #e2e2e2 url(../img/tlo_szare_gora.png) 0px 0px no-repeat;
		width: 750px;
		float: right;
	}
		#footer .cnt{
			background: transparent url(../img/tlo_szare_dol.png) left bottom no-repeat;
			padding: 5px 40px;
		}
/*}}}*/

/*}}}*/

/*{{{ h1 */
#contents h1{
	background: black url(../img/tyt_tlo_czar.jpg) 0px 0px no-repeat;
	color: white;
	height: 22px;
	font-weight: bold;
	font-size: 13px;
	padding: 7px 0px 0px 20px;
	margin-bottom: 15px;
}
/*}}}*/
/*{{{ h2 */
#contents h2{
	background: #1a97de url(../img/zakladka_gora.png) 0px 0px no-repeat;
	width: 730px;
	color: white;
	height: 18px;
	font-weight: bold;
	font-size: 13px;
	padding: 7px 0px 0px 20px;
}
#contents div.h2{
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: white url(../img/zakladka_dol.png) left bottom no-repeat;
	width: 750px;
}

#contents div.h2 div.h2inner {
	border: 1px solid #1a97de;
	border-top: none;
	border-bottom: none;
	padding: 5px;
	width: 738px;
}

#contents div.h2np{
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: white url(../img/zakladka_dol.png) left bottom no-repeat;
	width: 750px;
}

#contents div.h2np div.h2inner {
	border-left: 1px solid #1a97de;
	border-right: 1px solid #1a97de;
	border-top: 0px;
	border-bottom: 0px;
	width: 748px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 3px;
}

#contents div.h2np div.h2inner h3{
	margin: 0px;
}

#contents div.h2 div.h2inner p{
	width: 650px;
}


/*}}}*/
/*{{{ h3 */
#contents h3{
	color: #1a97de;
	font-weight: bold;
	font-size: 15px;
	font-family: "Trebuchet MS", Georgia, serif;
	margin: 7px 0px 10px 0px;
	background: white url(../img/strzalka.png) 0px 50% no-repeat;
	padding-left: 20px;
}

#contents h3 em{
	color: #cc0000;
}
/*}}}*/

/*{{{ h4 */
#contents h4{
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	font-family: "Trebuchet MS", Georgia, serif;
	margin: 7px 0px 10px 0px;
}
/*}}}*/

.tbox, select{
	border: 1px solid #1a97de;
	height: 20px;
	width: 167px;
	background: white url(../img/form_tlo.gif);
}

textarea{
	border: 1px solid #1a97de !important;
	height: 200px;
	width: 300px;
	background: white url(../img/form_tlo.gif);
}



/* T H E   T A G  */

div.thetag{
	background: transparent url(../img/ico_02.png) 5px 50% no-repeat;
	border: 1px solid black;
	padding: 5px 0px 0px 35px;
	margin: 5px 0px;
}

	div.thetag a.more{
		display: block;
		height: 20px;
		background: transparent url(../img/zakladka_pd.png) top right no-repeat;
	}
		div.thetag a.more span{
			display: none;
		}

div.thetag .etykieta {
	width: 100px;
}

div.thetag div.belka{
display: none;
}

.zgloszenieapistatus1 {
	background-image: url(../img/ico_01a.png) !important;
}

.zgloszeniestatusnew {
	background-image: url(../img/ico_01a.png) !important;
}
.zgloszeniestatusfinished {
	background-image: url(../img/ico_zgloszenie_szare.png) !important;
	border-color: #ccc !important;
}

.tagsprzet{
	background-image: url(../img/ico_05.png) !important;
}

.tagklient{
	background-image: url(../img/ico_03.png) !important;
}

.tagdostawca {
	background-image: url(../img/ico_04.png) !important;
}

div#kliencioczekujacy .tagklient {
	background-image: url(../img/ico_03a.png) !important;
}

/*}}}*/


/*{{{ inlinetoolbar */
div.inlinetoolbar{
	text-align: right;
}

a.btnsm{
	color: white;
	background: #1a97de url(../img/p_nowy.png) 0px 0px no-repeat;
	width: 146px;
	height: 17px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	padding-top: 4px;
	border: none;
	font-size: 11px;
}

input.btn{
	color: white;
	background: #1a97de url(../img/p_nowy.png) 0px 0px no-repeat;
	width: 146px;
	height: 21px;
	text-align: center;
	font-weight: normal;
	padding-top: 0px;
	border: none;
	font-size: 11px;
}
/*}}}*/

/*{{{ summarybox */
div.summarybox{
	background: #e2e2e2 url(../img/tlo_szare_dol.png) left bottom no-repeat;
	width: 750px;
	margin-bottom: 10px;
}

div.summarybox div.inner{
	background: transparent url(../img/tlo_szare_znak1.png) 10px 5px no-repeat;
}

div.summarybox h1{
	background: transparent url(../img/tlo_szare_gora.png) 0px 0px no-repeat !important;
	margin: 0px !important; 
	color: black !important;
	padding-left: 80px !important;
}

div.summarybox p{
	margin: 0px 20px 0px 80px;
	padding: 15px 0px;
	border-top: 1px dotted black;
}

div.summarybox em{
	color: #cc0000;
}
/*}}}*/

/*{{{ notebox */
div.notebox{
	background: #e2e2e2 url(../img/tlo_szare_dol.png) left bottom no-repeat;
	width: 750px;
	margin-bottom: 10px;
}

div.notebox div.inner{
	background: transparent url(../img/tlo_szare_znak2.png) 6px 0px no-repeat;
}

div.notebox h1{
	background: transparent url(../img/tlo_szare_gora.png) 0px 0px no-repeat !important;
	margin: 0px !important; 
	color: black !important;
	padding-left: 80px !important;
}

div.notebox h1 a{
	font-weight: normal;
	font-size: 11px;
}

div.notebox p{
	margin: 0px 20px 0px 80px;
	padding: 15px 0px;
	border-top: 1px dotted black;
}
/*}}}*/



strong{
	font-weight: bold;
}


table.tableProperties{
	width: 100%;
	margin: 10px 0px;
}

table.tableProperties td{
	padding: 2px;
	vertical-align: top;
}

table.tableProperties td.propertyName{
	width: 200px;
}

table.tableProperties td.formatTip{
	font-size: 10px;
	vertical-align: middle;
}

table.tableProperties tr.formError input.tbox{
	border-color: #cc0000;
	background: #fff0f0;
}

table.tableProperties tr.formError select{
	border-color: #cc0000;
	background: #fff0f0;
}

table.tableProperties tr.formError span{
	font-size: 10px;
	color: #cc0000;
}

/**
 * Katalog 
 */


h2.katalog{
	background: #ffffff !important;
	background-image: none !important;
	font-size: 13px !important;
	margin-top: 10px !important;
}


ul.katalog{
	list-style: circle !important;
	padding-left: 40px !important;
}



/**\
****
****  ncGeneralPager 
****
\**/


ul.ncgeneralpager li{
	width: 20px;
	float: left;
	font-weight: bold;
}

ul.ncgeneralpager li a{
	font-weight: normal;
}

ul.ncgeneralpager select{
	width: 40px;
	height: 16px;
}



a.tool{
	font-size: 10px !important;
	margin-bottom: 5px;
}

div.pluginsection{
	border-top: 1px dotted #666;
	margin-top: 5px;
}

/**
 * minikalendarz 
 */

table.minicalendar{
	width: 200px;
	height: 120px;
}
table.minicalendarcurrent{
	border: 1px solid #1a97de;
	background-color: #fafafa;
}
table.minicalendar td.sat, table.minicalendar td.satodd{
	color: blue;
}

table.minicalendar td.sun, table.minicalendar td.sunodd{
	color: red;
}

table.minicalendar td div, table.minicalendar th{
	text-align: center;
}

table.minicalendar td.mark{
	background-color: #f0f0f0 !important;
	border: 1px solid #1a97de;
	font-weight: bold;
}

dl{
	margin: 10px 0px;
}

dt{
	font-weight: bold;
}

dd{
	margin: 5px 0px 10px 30px;
}



#lpanel .inlinetoolbar .btnsm{
	display: block;
	margin: auto;
}


/*Toolbox*/

div.toolbox{
	width: 150px;
	float: right;
	padding: 5px;
	font-size: 10px;
}
div.pluginsection div.toolbox{
	border: none;
	width: 150px;
	float: right;
	padding: 5px;
	font-size: 10px;
}

div.toolbox a{
	text-decoration: none;
}

#contents div.toolbox h2{
	color: #1a97de;
	font-weight: normal !important;
	font-size: 11px;
	font-family: "Trebuchet MS", Georgia, serif;
	margin: 0px;
	padding: 0px;
	background: none;
	width: 120px;
}


#systemmessage{
	border: 1px solid #f9d100;
	background: #f9f0d1 url(/www/img/tak.gif) 5px 50% no-repeat;

	padding: 5px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
	color: #000;
}






#payments{
	text-align: center;
}

#payments img {
margin: 10px;
}




/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #f2f2f2;
	border: 1px solid #1a97de;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #f2f2f2;
}
.cluetip-default h3#cluetip-title {
  margin: 0;
  padding: 5px;
  font-weight: normal;
  background-color: #e6e6e6;
  color: #1a97de;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
}  
.cluetip-default #cluetip-inner {
	padding: 5px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

a.ttmark{
	width: 16px;
	padding: 2px 8px;
	background-color: none;
	background-image: url(../img/help.gif);
	background-repeat: no-repeat;
	zoom: 1;
	margin: 0px 5px;
}
a.ttmark:hover {
	background-color: transparent;
}


/**
 * menu kawowe 
 */

#cafe_menu li{
	line-height: 20px;
	font-weight: bold;
	padding-left: 23px;
	background: #fff url(../img/strzalka.png) 3px 3px no-repeat;
	color: #1a97de;
	font-family: "Trebuchet MS", Georgia, serif;
	font-size: 13px;
}

#cafe_menu li li{
	background: #fff url(../img/index_kropka.png) 7px 7px no-repeat;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}