/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:642px;
	height:28px !important;
	margin:0 !important; 
	padding:0;	
	border-bottom: 1px solid #252726;
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	/* background: url(../gfx/gray_panes_1.jpg) no-repeat;*/
	display:block;
	height: 28px;   
	/* width: 157px; 	przy 4*/
	width: auto; 
	padding:0px 20px;
	margin:0px;
	
	margin-right: 2px;
	border: 1px solid #252726;
	border-bottom: 0px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	background-color: #535252;
	
	/* font decoration */
	color:#828080;
	font-size:12px;
	line-height:28px;
	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab */

#flowtabs #t1 			{ /*background-position: 0 0;*/ }
#flowtabs #t2 			{ /*background-position: -160px 0; */}
#flowtabs #t3 			{ /*background-position: -320px 0; */}
#flowtabs #t4 			{/* background-position: -480px 0; width:163px;*/}
#flowtabs #t5 			{/* background-position: -480px 0; width:163px;*/}
#flowtabs #t6 			{/* background-position: -480px 0; width:163px;*/}
 
/* mouseover state */

#flowtabs a:hover 		{ color:#000000;	 }
#flowtabs #t1:hover 	{ background-color: #777777; /* background-position:      0 -28px; */ }
#flowtabs #t2:hover 	{ background-color: #777777; /* background-position: -160px -28px;*/  }
#flowtabs #t3:hover 	{ background-color: #777777; /* background-position: -320px -28px; */}
#flowtabs #t4:hover 	{ background-color: #777777; /* background-position: -480px -28px; */}
#flowtabs #t5:hover 	{ background-color: #777777; /* background-position: -480px -28px; */}
#flowtabs #t6:hover 	{ background-color: #777777; /* background-position: -480px -28px; */}

/* currently selected tabs */
#flowtabs a.current		{ color:#4d0f11; line-height:28px; }
#flowtabs #t1.current { background-color: #aaaaaa; /* background-position:      0 -56px; */ }
#flowtabs #t2.current { background-color: #aaaaaa; /* background-position: -160px -56px; */}
#flowtabs #t3.current { background-color: #aaaaaa; /* background-position: -320px -56px; */}
#flowtabs #t4.current { background-color: #aaaaaa; /* background-position: -480px -56px; */}
#flowtabs #t5.current { background-color: #aaaaaa; /* background-position: -480px -56px; */}
#flowtabs #t6.current { background-color: #aaaaaa; /* background-position: -480px -56px; */}


/* panes */
#flowpanes {
	position:relative;
	overflow:hidden;
	/* background: url(../gfx/gray_panes_1.jpg) no-repeat 0 -100px;		*/
	/*
	background-color: #aaaaaa;
	background-image: url(../gfx/pane_bg_1.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	*/
	border: 1px solid #252726;
	border-top: 0px; 
	/* background-color: #6e6d6d;*/
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	width:640px;
	height:330px;	
	

}


/* single pane */
#flowpanes div {
	display:none;	
	margin:10px 20px;
	float:left;
	display:block;
	width:580px;
	color: #000000;
	/* cursor:pointer;*/
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#92171a;
	/* color: #dddddd; */
	letter-spacing:1px;
	/* margin:10px 0 0 0;*/
	font-size:22px;
}

#flowpanes a {
	color:#92171a;		
	font-size:12px;
}

#flowpanes p, #flowpanes samp {
	color:#cccccc;
	padding: 0px;
}

#flowpanes div.narrow {
	padding-right:160px;		
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}

dt {
	float: left;
	font-weight: bold;
	width: 55px;
}

.items h3 {
	color: #4c1113; 
	font-size: 18px;
	text-decoration: none;
	padding: 4px;
	background-image: none;
}

.items ul
{
	font-size: 11px;
	padding: 0;
	margin: 0;
	/*padding: 0.4em 0 0.3em 0;*/
}

.items li 
{
	padding-left: 5px;
}

.items ul li
{
	/* display: inline;*/
	float: left;
	list-style: none;
	width: 185px;
}

.items ul li a
{
	/*text-align: center;*/
	color: #cccccc;
	text-decoration: none;
	/*font-weight: bold;*/
	/*width: 250px;
	height: 57px;*/
}

.items ul a {
	display: block;
	margin: 0px 2px 0px 1px;
	/*line-height: 5em;*/
}

#flowpanes .items a
{
	font-size: 11px;
}

.items ul li a:hover, .items ul li a.active
{
	color: #cccccc;
}

/* form */

#flowpanes div.yiiForm_contact
{
	/*
	border: 2px solid #787878;
	background: #dedede;
	*/
	margin: 0;
	padding: 5px;
	width: 580px;
}

#flowpanes div.yiiForm_contact label.required
{
}

#flowpanes div.yiiForm_contact span.required
{
	color: red;
}

#flowpanes div.errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

#flowpanes div.errorSummary p
{
	margin: 0;
	padding: 5px;
}

#flowpanes div.errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

#flowpanes div.errorSummary ul li
{
	list-style: square;
}

#flowpanes div.yiiForm_contact p.hint
{
	color: gray;
	font-size: 90%;
	margin: 0 0 0 110px;
}

#flowpanes div.yiiForm_contact fieldset
{
	border: #DDD 1px solid;
	margin: 0;
	margin: 10px 0;
	padding: 10px;
}

#flowpanes div.yiiForm_contact legend
{
	font-weight: bold;
	margin: 0;
}

#flowpanes div.yiiForm_contact label
{
}

#flowpanes div.yiiForm_contact div.action
{
	margin: 0;
	margin-left: 110px;
	padding: 0.25em 0;
}

#flowpanes div.yiiForm_contact div.simple,
#flowpanes div.yiiForm_contact div.complex
{
	padding: 0.25em 0;
	margin: 0;
}

#flowpanes div.yiiForm_contact div.simple label,
#flowpanes div.yiiForm_contact div.complex span
{
	display: block;
	float: left;
	margin: 0;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
	
}

#flowpanes div.yiiForm_contact label.error,
#flowpanes div.yiiForm_contact span.error
{
	color: #C00;
}

#flowpanes div.yiiForm_contact input.error,
#flowpanes div.yiiForm_contact textarea.error,
#flowpanes div.yiiForm_contact select.error
{
	background: #FEE;
	border-color: #C00;
}

#flowpanes div.yiiForm_contact div.simple div,
#flowpanes div.yiiForm_contact div.complex div
{
	margin-left: 110px;
}


/* flowtabs 1 */

/* root element for tabs */
#flowtabs1 {
	
	/* dimensions */
	width:622px;
	height:55px !important;
	margin:0 !important; 
	padding:0;	
	/* border: 1px solid #ffffff;*/
	
	/* border-bottom: 1px solid #252726;*/
	/* IE6 specific branch (prefixed with "_") */
	/*_margin-bottom:-2px;*/
}

/* single tab */
#flowtabs1 li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0;
	list-style-type: none;
}

a.klient {}

/* a- tag inside single tab */
#flowtabs1 li a {
	/* background: url(../gfx/gray_panes_1.jpg) no-repeat;*/
	display:block;
	height: 40px;  
	/* width: 157px; 	przy 4*/
	width: auto; 
	padding:5px 17px;
	margin:0px;
	/* border: 1px solid #666666; */
	border: 1px solid #000000; 
	/*border-bottom: 2px solid #7e1b1a;*/
	margin-right: 2px;
	/* border: 1px solid #252726;*/
	/*border-bottom: 0px;*/
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright:4px;
	background-color: #535252;
	
	/* font decoration */
	color:#828080;
	font-size:12px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	font-weight: normal;
}

/* adjust the background image position on each tab */
#flowtabs1 #t 			{ /*background-position: 0 0;*/ }
#flowtabs1 #t1 			{ /*background-position: 0 0;*/ }
#flowtabs1 #t2 			{ /*background-position: -160px 0; */}
#flowtabs1 #t3 			{ /*background-position: -320px 0; */}
#flowtabs1 #t4 			{/* background-position: -480px 0; width:163px;*/}
#flowtabs1 #t5 			{/* background-position: -480px 0; width:163px;*/}
 
/* mouseover state */
#flowtabs1 #t:hover 	{ background-color: #afafaf; /* background-position:      0 -28px; */ }
#flowtabs1 a:hover 		{ color:#000000;	 }
#flowtabs1 #t1:hover 	{ background-color: #777777; /* background-position:      0 -28px; */ }
#flowtabs1 #t2:hover 	{ background-color: #777777; /* background-position: -160px -28px;*/  }
#flowtabs1 #t3:hover 	{ background-color: #777777; /* background-position: -320px -28px; */}
#flowtabs1 #t4:hover 	{ background-color: #777777; /* background-position: -480px -28px; */}
#flowtabs1 #t5:hover 	{ background-color: #777777; /* background-position: -480px -28px; */}

/* currently selected tabs */
#flowtabs1 #t.current { background-color: #aaaaaa; /* background-position:      0 -56px; */ border: 1px solid #666666;  }
#flowtabs1 a.current		{ /* color:#4d0f11;*/ line-height:18px; color: #7e1b1a; }
#flowtabs1 #t1.current { background-color: #aaaaaa; /* background-position:      0 -56px; */ border: 1px solid #666666;}
#flowtabs1 #t2.current { background-color: #aaaaaa; /* background-position: -160px -56px; */border: 1px solid #666666;}
#flowtabs1 #t3.current { background-color: #aaaaaa; /* background-position: -320px -56px; */border: 1px solid #666666;}
#flowtabs1 #t4.current { background-color: #aaaaaa; /* background-position: -480px -56px; */border: 1px solid #666666;}
#flowtabs1 #t5.current { background-color: #aaaaaa; /* background-position: -480px -56px; */border: 1px solid #666666;}

/* panes */
#flowpanes1 {
	position:relative;
	overflow:hidden;
	width:660px;
	height:370px;
}


/* single pane */
#flowpanes1 div {
	display:none;	
	margin:10px 10px 10px 10px;
	float:left;
	display:block;
	width:650px;
	color: #000000;
	/* border: 1px solid #ffffff;*/
	/* cursor:pointer;*/
}

/* some decorations for elements inside single pane */
#flowpanes1 div h2 {
	font-weight:normal;
	color:#92171a;
	/* color: #dddddd; */
	letter-spacing:1px;
	/* margin:10px 0 0 0;*/
	font-size:22px;
}

#flowpanes1 a {
	color:#7e1b1a;		
	font-size:12px;
}

#flowpanes1 p, #flowpanes1 samp {
	color:#cccccc;
	padding: 0px;
}

#flowpanes1 .less, #flowpanes1 .less a {
	color:#999 !important;
	font-size:11px;
}

/* our additional wrapper element for the items */

#flowpanes1 .items1 {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

dt {
	float: left;
	font-weight: bold;
	width: 55px;
}

.items1 h3 {
	/* color: #4c1113; */
	color: #7e1b1a;
	font-size: 18px;
	text-decoration: none;
	padding: 4px;
	background-image: none;
}

#flowpanes1 ul
{
	font-size: 11px;
	padding: 0;
	margin-left: 5px;
	/* list-style-type: disc;*/
	/*padding: 0.4em 0 0.3em 0;*/
	list-style-image: url(red_dot_7.png);
	
}

#flowpanes1 li 
{
	
	margin-right: 23px;
	width: 190px;
	float: left;
}

#flowpanes1 a
{
	/*text-align: center;*/
	color: #7e1b1a;
	text-decoration: none;
	/*font-weight: bold;*/
	/*width: 250px;
	height: 57px;*/
	
	width: 190px;
}

#flowpanes1 ul li a:hover, #flowpanes1 ul li a.active
{
	color: #333333;
	text-decoration: underline;
}

/* flowtabs 2 */

/* root element for tabs */
#flowtabs2 {
	
	/* dimensions */
	width:662px;
	height:35px !important;
	margin:0 !important; 
	padding:0;	
	
	/* border-bottom: 1px solid #252726;*/
	/* IE6 specific branch (prefixed with "_") */
	/*_margin-bottom:-2px;*/
}

/* single tab */
#flowtabs2 li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0;
	list-style-type: none;
}

a.klient {}

/* a- tag inside single tab */
#flowtabs2 li a {
	/* background: url(../gfx/gray_panes_1.jpg) no-repeat;*/
	display:block;
	height: 20px;  
	/* width: 157px; 	przy 4*/
	width: auto; 
	padding:5px 17px;
	margin:0px;
	/* border: 1px solid #666666; */
	border: 1px solid #000000; 
	/*border-bottom: 2px solid #7e1b1a;*/
	margin-right: 2px;
	/* border: 1px solid #252726;*/
	/*border-bottom: 0px;*/
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright:4px;
	background-color: #535252;
	
	/* font decoration */
	color:#828080;
	font-size:12px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	font-weight: normal;
}

/* adjust the background image position on each tab */
#flowtabs2 #t 			{ /*background-position: 0 0;*/ }
#flowtabs2 #t1 			{ /*background-position: 0 0;*/ }
#flowtabs2 #t2 			{ /*background-position: -160px 0; */}
#flowtabs2 #t3 			{ /*background-position: -320px 0; */}
#flowtabs2 #t4 			{/* background-position: -480px 0; width:163px;*/}
#flowtabs2 #t5 			{/* background-position: -480px 0; width:163px;*/}
 
/* mouseover state */
#flowtabs2 #t:hover 	{ background-color: #afafaf; /* background-position:      0 -28px; */ }
#flowtabs2 a:hover 		{ color:#000000;	 }
#flowtabs2 #t1:hover 	{ background-color: #777777; /* background-position:      0 -28px; */ }
#flowtabs2 #t2:hover 	{ background-color: #777777; /* background-position: -160px -28px;*/  }
#flowtabs2 #t3:hover 	{ background-color: #777777; /* background-position: -320px -28px; */}
#flowtabs2 #t4:hover 	{ background-color: #777777; /* background-position: -480px -28px; */}
#flowtabs2 #t5:hover 	{ background-color: #777777; /* background-position: -480px -28px; */}

/* currently selected tabs */
#flowtabs2 #t.current { background-color: #aaaaaa; /* background-position:      0 -56px; */ border: 1px solid #666666;  }
#flowtabs2 a.current		{ /* color:#4d0f11;*/ line-height:18px; color: #7e1b1a; }
#flowtabs2 #t1.current { background-color: #aaaaaa; /* background-position:      0 -56px; */ border: 1px solid #666666;}
#flowtabs2 #t2.current { background-color: #aaaaaa; /* background-position: -160px -56px; */border: 1px solid #666666;}
#flowtabs2 #t3.current { background-color: #aaaaaa; /* background-position: -320px -56px; */border: 1px solid #666666;}
#flowtabs2 #t4.current { background-color: #aaaaaa; /* background-position: -480px -56px; */border: 1px solid #666666;}
#flowtabs2 #t5.current { background-color: #aaaaaa; /* background-position: -480px -56px; */border: 1px solid #666666;}

/* panes */
#flowpanes2 {
	position:relative;
	overflow:hidden;
	width:660px;
	height:370px;	
}


/* single pane */
#flowpanes2 div {
	display:none;	
	margin:10px 10px 10px 10px;
	float:left;
	display:block;
	width:650px;
	color: #000000;
	/* cursor:pointer;*/
}

/* some decorations for elements inside single pane */
#flowpanes2 div h2 {
	font-weight:normal;
	color:#92171a;
	/* color: #dddddd; */
	letter-spacing:1px;
	/* margin:10px 0 0 0;*/
	font-size:22px;
}

#flowpanes2 a {
	color:#92171a;		
	font-size:12px;
}

#flowpanes2 p, #flowpanes2 samp {
	color:#cccccc;
	padding: 0px;
}

#flowpanes2 .less, #flowpanes2 .less a {
	color:#999 !important;
	font-size:11px;
}

/* our additional wrapper element for the items */

#flowpanes2 .items2 {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

dt {
	float: left;
	font-weight: bold;
	width: 55px;
}

.items2 h3 {
	/* color: #4c1113; */
	color: #7e1b1a;
	font-size: 18px;
	text-decoration: none;
	padding: 4px;
	background-image: none;
}

#flowpanes2 ul
{
	font-size: 11px;
	padding: 0;
	margin-left: 5px;
	/* list-style-type: disc;*/
	/*padding: 0.4em 0 0.3em 0;*/
	list-style-image: url(red_dot_7.png);
	
}

#flowpanes2 li 
{
	
	margin-right: 23px;
	width: 190px;
	float: left;
}

#flowpanes2 a
{
	/*text-align: center;*/
	color: #ffffff;
	text-decoration: none;
	/*font-weight: bold;*/
	/*width: 250px;
	height: 57px;*/
	
	width: 190px;
}

#flowpanes2 ul li a:hover, #flowpanes2 ul li a.active
{
	color: #cc0000;
}