html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* glowne */
body		 { background-color: #f1f1f1; font-size: 12px; font-family: Verdana, Arial, Sans-Serif; line-height: 1.5;}

#app { padding-bottom:10px; min-height:500px;}
.wrapper	 { width:960px; margin: 0 auto; }
.page_box	 { width:600px; margin: 0 auto; padding-bottom:20px;} 
.page_normal { width:630px; float:left; padding: 0 10px; margin-bottom:10px;}

.logo              { border:none;}
#logo              { height:32px; float:left; width:200px; margin-top:13px;}
#stripe_logo{ height:55px; background-color: #4f6eaf;}
#stripe_menu{ height:30px; background-color: #e1e1e1;  border-bottom:1px solid #b1b1b1; border-top:1px solid #ffffff;clear:both;}

#header { margin-bottom:30px; }

#about {margin-top:-18px; border-bottom:1px solid #b1b1b1; height:260px;}
#about #screencast {float:left;  width:430px; height:350px; border:1px solid #999999; background-color:#c1c1c1;}
#about #description { float:right; width:520px; height:350px; }
#about div .item { width:520px; height:75px; border:1px solid #b1b1b1; background-color:#e1e1e1; margin-bottom:10px;}
#about div .item .icon { float:left; width:50px;}
#about div .item .icon  img { width:50px; margin-top:10px; margin-left:10px;}
#about div .item .text { float:left; margin-left:20px; width:440px; margin-top:5px; margin-right:10px;}
#about div .item .text .text_header { font-weight:bold; font-size:14px;}

#signup {height:100px;}
#signup div div {float:left; margin-left:120px;}
#signup img {margin-top:15px;}

#info {background-color:#e1e1e1; overflow:auto; padding-top:30px;}
p.box_header { font-size:18px; font-weight:bold; width:100%; margin-top:-25px; text-align:center; position:absolute; top:10px; }
#info #left_column { float:left; width:540px;}
#info #right_column { float:right; width:390px;}

#info #left_column div.box { padding-top:20px; position:relative; width:520px; height:200px; margin-bottom:35px; padding-left:10px; background-image:url('http://wizytownik.pl/data/img/main/f_s.png');}
#info #right_column div.box {padding-top:20px; position:relative; width:385px; height:455px;  background-image:url('http://wizytownik.pl/data/img/main/f_b.png');}
#info #right_column div.box  div.blockquote{ width: 290px; height:100px; margin:0 auto 0 auto; padding:10px 25px 10px 25px; background-image:url('http://wizytownik.pl/data/img/main/bq.png');}

#content ,
.sidebar_box  { background-color:#fff; border:1px solid #b1b1b1;}
.sidebar_box  { margin-bottom:10px;}
.help_box	p  { margin:10px; line-height:2;}
h2		{ margin: 30px 0;}
h4		{ text-align:center; padding:5px; margin-top:0; border-bottom:1px solid #b1b1b1;}
a		{ color: #222222;text-decoration:underline;}
a:hover	{ text-decoration:underline;}
img 		{ border:0;}

/* wyszukiwarka */
#search							{  float:right; height:24px; margin-top:15px; }        
#search input[type="text"]		{  float:left;  margin: 0; padding: 0; border: 0;  width: 250px; height:22px; border:1px solid #b1b1b1; background-color:#fff;}
#search input[type="submit"]		{  float:left;  margin: 0; padding: 0; border: 0; margin-left:5px; width: 77px;  height:24px; background-image:url("http://wizytownik.pl/data/img/search.png");}
        
#sidebar		{ width:300px; float:right;}
#footer			{ clear:both; overflow:hidden; color: #000; padding-top:20px; padding-bottom:20px; border-top:1px solid #b1b1b1;  border-bottom:1px solid #b1b1b1; background-color:#cccccc; height:100%;}
#footer a		{ color: #000000; text-decoration:underline;}
#footer a:hover 	{ color: #000000; text-decoration:underline;}

a.sidebar_link 							{text-decoration:none; }
a.sidebar_link .sidebar_box_link_active	{ padding:10px; color:#ffffff;}
a.sidebar_link .sidebar_box_link_active 	{ background-color:#4f6eaf; }

a.sidebar_link .sidebar_box_link_hover	{ background-color:/*#4f6eaf;*/#6CCE00;}
a.sidebar_link .sidebar_box_link_hover a { color:#ffffff;}

.photowrapper 		{ width:300px; text-align:center; }
.photowrapper img 	{ width:150px; border: 10px solid white; margin-top:0px }
.photowrapper p		{ font-size:22px; margin-top:5px; }


/* formularze */		

input, textarea, select			{ font-size:16px; display: block; float: left; width: 200px; margin: 0; padding: 2px; color: #666; background: #f5f5f5; border: 1px solid #ccc;}   
input[type="hidden"]        		{ border:0; background-color:#fff; width:0px;}
input[type="checkbox"]  ,
input[type="radio"]                    { width: 16px; border: none;}
input[type="submit"],
button              	{  margin-right:250px; float:right;font-weight:bold; width: 100px; cursor: pointer; border: 1px solid #b1b1b1; background:#435e95; color:#fff; }
button			{ margin-right:0;}

input[type="submit"]:hover,
button:hover 	{ background-color:#678ee1; }

input[type="submit"][disabled],
button[disabled]  	{ background:#888; }

input:focus, textarea:focus, select:focus 
								{ border: 1px solid #999; background-color: #fff; color:#333; }
textarea							{ width:400px; font-size:16px; }

fieldset    						{ margin:0px; padding:0px; padding-left:20px; margin-top:10px; border:0px solid #eee;}
legend							{ font-size:14px; font-weight:bold;}
	
div.fieldArea                   			{ overflow:auto; clear: both; margin-bottom:10px;}
div.fieldArea label             		        { float:left; width:150px;}
div.fieldArea .fieldRequired    	{ color:#ff0000;}
div.fieldArea .fieldDescription 	{ clear:both; text-align:right; font-size:10px; margin-right:10px}
div.fieldArea .errors           		{ clear:both; color:#ff0000; font-size:12px; margin-left:150px;}

.checkbox_list input { margin-left:120px; margin-right:20px;  }
.radio_list_hard label { display:block; }
.link_center		{ text-align:center; }
	


#letters {margin-left:-23px; float:left; padding-bottom:5px;}

.letter			{ border:1px solid #b1b1b1; padding:5px; margin-top:5px; text-align:center; cursor: pointer; background-color:#fff;}
.letter a		{text-decoration:none; color:#b1b1b1; width:100%; height:100%}
.letter a:hover	{text-decoration:none; color:#000000;}
 
#cards_list     		{ float:right; width:600px; } 
.card				{ float:left; margin-left:30px;}
.card_nav			{ float:left; margin-left:20px; width:25px;}
.front_card     		{ width:450px; height:250px; margin:0 auto; border:1px solid black; background-color:#ffffff;  /*background-image:url('http://wizytownik.pl/data/icons/loader.gif'); background-repeat:no-repeat; background-position:center; */}
.back_card			{ width:450px; height:250px; margin:0 auto; display:none; background-color:#cccccc; }
.back_card  textarea	{ width:452px; height:252px; background-color:#fff; border:1px solid black;}
.card_end			{ clear:both;}
#page_nav			{ clear:both; margin: 0  auto; text-align:center; width:100%;}
.shadow				{ position:relative; left:-8px; top:-8px; z-index:9; display:inline;}
.letter_active            { background-color:#4f6eaf;}
.letter_active a		{ color:#fff !important;}
.letter_hover		{ background-color:#7DDE00;}
.letter_hover a		{ color:#fff !important;}


.description,.error_description		{ font-size: 16px; margin-left:30px; padding-bottom:30px;}
.description h2		  { border-bottom:1px solid #6CCE00; color: #6CCE00;}
.error_description h2 { border-bottom:1px solid #ff0000; color: #ff0000;}
.error_description ul { 	list-style: circle;  margin: 15px 0 ;margin-left:30px; } 
.error_description ul li { 	padding:5px; } 


h2.page_header            { border-bottom:1px solid #000; color: #000; font-size:24px;}
h3				       { font-size:20px;}
.page_content { padding-bottom:30px; text-align:justify;}
.page_content p{/*text-indent: 30px;*/ line-height: 120%; margin-top:10px;}
.page_content h3 {font-size:14px; font-weight:bold; padding-top:15px;}
.page_content li {margin-left:10px;}

.stream_last                { clear:both; }
.stream_msg                  { clear:both; padding:5px; margin-bottom:5px; background-color:#fff;}
.stream_msg .time
.stream_msg .photo    { width:35px; margin:0; padding:5px;  border: 1px solid #b1b1b1;}
.stream_msg .user_info { float:left; width:380px;}
.stream_msg .user_info .text      {float:left; margin:0; padding:2px; margin-left:20px; margin-top:2px; text-align:center; font-size:10px;}
.stream_msg .options {color:#b1b1b1; font-size:10px;}
.stream_msg .options p  {text-align:right; margin:0; margin-top:5px; padding:0;} 
.stream_msg .content  {margin:5px; width:350px; float:right;}

.show_comments, .add_comment {cursor:pointer;}
.stream_comment {clear:both; padding:5px; margin-bottom:5px; margin-left:30px; background-color:#fff; }
.stream_input,.stream_send  {width:440px;}

.stream_input input {float:right; width:435px; }
.stream_send input   {float:right; margin-top:5px; margin-bottom:40px;}

.stream_reply_input,.stream_reply_send ,.comment_form {width:415px; float:right; margin:0; padding:0;}
.comment_form { background-color:#f1f1f1;padding-bottom:5px; margin-bottom:5px;}

.stream_reply_input input { float:right; width:404px; height:20px; background-color:#fff; margin-top:0px; margin-bottom:5px;}
.stream_reply_send button { float:right; padding:5px 0;}

#uncheckall { background-color:#ccc; float:right; margin-top:-10px; }
#checkall {  float:left;}


#sendStream {float:right; margin-right:0;}