/*                             RESET DEFAULT & GLOBAL
------------------------------------------------------------------------------------ */
html, body, h1, h2, h3, h4, h5, h6, div, span, p, address, form, fieldset, img,
ul, li, hr, table, strong {
	margin: 0;
	padding: 0;
	border: 0;
}

body { font-size:12px; background:#fff; }

img, fieldset { border: none; }
a, a:visited { text-decoration: none; color: #66a6d9; }
a img { border: 0em; }
table { border-collapse: collapse; border-spacing: 0; }
input.submit { cursor:pointer; }
:focus { outline: 0; }
div.clear { clear:both; overflow:hidden; height:0; }

.left { float:left; }
.right { float:right; }




/*                             LAYOUT  
------------------------------------------------------------------------------------ */
html { 
	font-family: Arial;
	font-size: 9pt; 
}

#vm_tooltip{
	position:absolute;
	border:1px solid #c3e9fd;
	background:#e7f7fd;
	padding:2px 5px;
	color:#105c95;
	display:none;
}	


#container { width: 936px; margin: 0 auto; color: #115c96; position:center; }
#container_form, .narrow { width: 853px; margin: 0 auto; color: #115c96; }
#container_noscript { width:730px; margin:50px auto; text-align:center; }
#container_inside { width:730px; margin:0 auto; display:none; }

#container_inside .krok_section { border-bottom:3px solid #A8C4D8; width:686px; padding:8px 10px 16px 10px; }
#container_inside  span.krok_title { font-size:18px; font-weight:bold; margin-right: 5px; }
#container a:hover, #container_form a:hover { text-decoration:none; }

#container div.button { width:222px; height:40px; font-size:20px; line-height:40px; text-align:center; }
#container div.button a{ display:block; color:#fff; text-decoration: none; }
#container div.button a:hover{ display:block; color:#fff; text-decoration: none; }

#top_head {border-bottom:1px solid #b7cfe0;}
	#dbnet_logo { float:left; margin-top:20px; }
	#db_logo { float:right; margin-top:20px; }
#top_head .db_logo { float: right; margin-top: 25px;}
#main_head { }

#visual { width:645px; height:368px; position:relative; margin-left:-4px; }
#visual_inner { width:645px; height:368px; position:relative; }
	/* #button1 { position:absolute; top:291px; left:210px; } */
	#button1 { position:absolute; top:291px; left:214px; } 
	#button2 { position:absolute; top:325px; left:683px; }
	#button1 a { background-image: url('../images/button_05.png'); background-repeat: no-repeat; height: 52px; width: 234px; }
	#button2 a { background-image: url('../images/button_04.png'); background-repeat: no-repeat; height: 52px; width: 234px; }
	#button3 a { background-image: url('../images/button_04.png'); background-repeat: no-repeat;  height: 52px; width: 234px; }
	#button1 a:hover { background-position: 0px -52px; }
	#button2 a:hover { background-position: 0px -52px; }
	#button3 a:hover { background-position: 0px -52px; }
	
	#button1_en { position:absolute; top:291px; left:315px; }
	#button2_en { position:absolute; top:325px; left:683px; }
	#button1_en a { background-image: url('../images/button_05_en.png'); background-repeat: no-repeat; height: 48px; width: 228px; }
	#button2_en a { background-image: url('../images/button_04_en.png'); background-repeat: no-repeat; height: 53px; width: 238px; }
	#button3_en a { background-image: url('../images/button_04_en.png'); background-repeat: no-repeat;  height: 53px; width: 238px; }
	#button1_en a:hover { background-position: 0px -48px; }
	#button2_en a:hover { background-position: 0px -53px; }
	#button3_en a:hover { background-position: 0px -53px; }	

#main_doc, #main_doc_en { /*height:70px;*/ padding-top:6px; padding-bottom:3px;}
#main_doc_en a { font-size:11px; }
#main_doc div.line_2, #main_doc_en div.line_2 { margin-left: 170px; padding-top: 2px; }
#main_foot { height:60px; padding-top:6px; border-top:1px solid #B7CFE0; color:#66A6D9; color:#8c8c8c;	font-size:10px; padding-top:3px;}

	.db_logo { float: left; }
	#db_foot { float:left; }
	.vm_link { float:right; padding-right:5px; padding-top:8px; }

div#box_menu_steps2 { height:46px; background: url(../images/kroki.png) no-repeat 0 0; }
div#box_menu_steps2 a { display:block; width:175px; float:left; margin-top:5px; margin-left:2px; padding: 10px 0px 10px 0px; }
div#box_menu_steps2 a:hover { text-decoration:none; }

div#box_menu_steps2 a#a_step_1 { width:180px; margin-left:4px;}
div#box_menu_steps2 a#a_step_2 { width:168px; }
div#box_menu_steps2 a#a_step_3 { width:168px; }
div#box_menu_steps2 a#a_step_4 { width:180px; }

div#box_menu_steps { display:none; }
div#box_menu_steps ul { padding: 0px; margin:0; list-style-type: none; }
div#box_menu_steps ul li { float: left; margin:0; padding:0; }
/* div#box_menu_steps ul li a { padding: 7px 20px 7px 0px; } */

div#box_menu_steps ul li a#a_step_1 { width:180px; margin-left:4px;}
div#box_menu_steps ul li a#a_step_2 { width:168px; }
div#box_menu_steps ul li a#a_step_3 { width:168px; }
div#box_menu_steps ul li a#a_step_4 { width:180px; }

div#box_steps { margin: 20px 5px; }

div#box_steps h1 { font-size:22px; font-weight:bold; margin:15px 0 5px 0; }
div#box_steps h2 { font-size:16px; font-weight:bold; margin:15px 0 5px 0; }

div#box_steps div.ui-tabs-hide { display: none; }

div#dane_wspolwlasciciela_box.no_display { display: none; }

div.step p { padding: 5px; clear: both; }
div.step p label { float: left; display:block; width: 340px; line-height:24px; }
div.step p.rodzaj_konta label { line-height: 16px; }
div.step p.rodzaj_konta { height: 18px; }
div.step p label.float { width: auto; padding-top: 2px; }
div.step p label.black { color: #000000; }

div.step p input { border: 1px solid #a8c4d8; background:#ffffff; font-family: Arial; font-size: 12px;}
div.step p input.float { float: left; }
div.step p input.no_display { display: none; }
div.step p input.checkbox { border: 1px solid #a8c4d8; margin-left: 0;}
div.step p input.radio { border: 1px solid #a8c4d8; margin-left:0px; }

div.step p input.text { width: 310px; }
div.step p input.text2 { width: 125px; }

div.step p select#oddzial { position: absolute; }

div.step .no_display { display: none; }
div.step p img.ui-datepicker-trigger { cursor: pointer; }

div#box_prev_next { margin-top: 10px; }
div#box_prev_next a { display: block; height: 54px; width: 122px; float: right; cursor: pointer; }
div#box_prev_next a:hover { cursor: pointer; text-decoration: underline; }
div#box_prev_next a#prev { display: block; height: 54px; width: 142px; float: left; cursor: pointer; }
div#box_prev_next a#prev:hover { cursor: pointer; text-decoration: underline; }

div#box_prev_next a.prev, div#box_prev_next a.next { display: block; width: 122px; height: 54px; background-image: url('../images/wstecz.gif'); }
div#box_prev_next a.next { background-image: url('../images/dalej.gif'); }
div#box_prev_next a.prev:hover, div#box_prev_next a.next:hover { background-position: 0 -54px; }

div#box_prev_next a#wyslij_dane { display: block; height: 61px; width: 196px; float: right; cursor: pointer; background-image: url('../images/wyslij_dane.png'); }

.ui-datepicker { padding: 10px; width: 200px; position: relative; z-index: 100; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
div#ui-datepicker-div { background-color: #ffffff; border: solid 1px;}
.ui-helper-hidden-accessible { display: none; }
iframe.ui-datepicker-cover { display:none; } 

div.step p label span { float: left; line-height: 16px; }
div.step p label a.tip {margin-left: 10px; float: left; font-size: 1px; float: left; height: 22px; width: 18px; background: url(../images/img_01.png) no-repeat 0 0; display:inline-block;}
div.step p span.confirm { display: block; width: 600px; float: left; line-height: 16px; text-align: justify;}
div.step p label.err { background: transparent url(../images/img_02.png) no-repeat 100% 0; }
div.step p input { padding: 2px; }
div.step p input.err { border: 3px solid #cd4c4a; padding: 0px; }
div.step p input.current_input { border: 3px solid #115C96; padding: 0px; }
div.step p input.read_only { background-color:#e7e7e7; }
div.step p input#telefon1_komorkowy_1, div.step p input#telefon1_stacjonarny_1, div.step p input#telefon2_komorkowy_1, div.step p input#telefon2_stacjonarny_1 { margin-right: 5px; }
div.step p input#wspolwlasciciel_telefon1_komorkowy_1, div.step p input#wspolwlasciciel_telefon1_stacjonarny_1, div.step p input#wspolwlasciciel_telefon2_komorkowy_1, div.step p input#wspolwlasciciel_telefon2_stacjonarny_1 { margin-right: 5px; }
div.step p span.error_message {display: block; margin: 0 0 0 340px; clear: right; background: transparent url(../images/img_03.png) no-repeat 0 0; padding-left: 20px; color: #cd4c4a;}
div.step div.popraw_dane {margin: 5px 0 0 330px; color: #115c96;}
div.step div.popraw_dane a{color: #115c96; font-weight: bold; font-size: 12px}
div.step div.popraw_dane a:hover{cursor: pointer; color: #115c96;}
div.step div.break{background: #B7CFE0; height: 1px; width: 100%; font-size: 1px; margin: 20px 0;}
#steps_header{padding: 20px 0 10px 0;}

div.step p.zgoda_dane_osobowe_step_1 { width: 370px; float: right; color: #000000; }
div.step p.zgoda_dane_osobowe_step_1 a { color: #115C96; text-decoration: underline; }
div.step p.zgoda_dane_osobowe_step_1 a:hover {  cursor: pointer; }

div.step div.zgoda_dane_osobowe_step_1_tip { width: 697px; height: 36px; padding: 12px 0px 0px 10px; background-image: url('../images/zgoda_tip.png'); font-size: 11px; display: none; background-repeat: no-repeat; }

span.statement_small { font-size: 9px; }

div #wyciag_text { float:left; }
p.wyciag_poz {  }
div.wyciag_tip_box { float:left; width:20px; height:1px; position:relative; }
div #wyciag_tip { display:none; position:absolute; top: -50px; left:20px; background: transparent url(../images/wyciag_tip.png) no-repeat 0 0; width:400px; padding:4px 5px 5px 22px; line-height:18px; height:90px;}

#krok1 p span, #krok2 p span, #krok3 p span { color: #000000; }
#krok1 a, #krok2 a, #krok3 a { cursor: pointer; }

			div.wrapper { width: 940px; margin: 0 auto; padding: 0 30px 36px; position: relative; }
			div#header { background: #f5f5f5; height: 72px; border-bottom: 1px solid #eee; margin: 0; }
			div#header h4 { float: left; position: absolute; top: 24px; left: 145px; border-left: 1px solid #ddd; padding-left: 14px; }
			div#header h4 small { font-size: 14px; font-weight: normal; }
			div#header h4 a, div#header h4 a:visited { font-weight: normal; }
			
			div.page-header { padding: 0 0 8px; margin: 18px 0; border-bottom: 1px solid #ddd; }
			div.page-header h1 { padding: 0; margin: 0; font-size: 24px; line-height: 27px; letter-spacing: 0; }
			
.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	text-decoration: none;
}
 
	.awesome:hover							{ background-color: #111; color: #fff; text-decoration: none;}
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 13px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }


