* {
  margin: 0;
  padding: 0;
}

#wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#start_wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #111;
  left: 0px;
  top: 0px;
  opacity: 1;
}

label {
  cursor: pointer;
}
label:focus {
  outline: none;
}

/* for show */
html, body {
  height: 100%;
}



p {
  margin-bottom: 15px;
}

#page {
	background: rgba(255, 255, 255, 0.0);
	width: 100%;
	height: 95%;
}

#page_left {
	float: left;
	width: 12%;
	height: 100%;
}

#page_center {
	float: left;
	width: 76%;
	height: 100%;
	color: #ff8;
}

#page_right {
	float: left;
	width: 12%;
	height: 100%;
}

#page_footer {
	width: 100%;
	height: 6%;
	float: left;
}

#center {
	width: 880px;
	height: 99%;
	margin: 0 auto;
	padding: 0;
	background: rgba(200, 200, 200, 0.1);
	border-style: inset;
	border: thick double #0000aa;
	border-color: rgba(40, 40, 40, 0.7);
	border-radius: 40px 10px 10px 40px;
	border-width: 5px;
	box-shadow: 5px 3px 8px rgba(0, 0, 2, 0.7);
}

#content {
	width: 870px;
	height: 99%;
	margin: 5px 0 0 5px;
	padding: 0;
}

#footer {
	background: #004;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 5px 20px;
	border: 2px ridge #00a;
	float: left;
}

#text_footer {
	margin: auto 20px;
	padding: 0;
	font-family: "Comic Sans MS", cursive, sans-serif;
	text-align: center;
	font-size: 1.4em;	
	color: #eed;
	position: relative;
}

input[type=text] {
	width: 250px;
	height: 20px;
	margin: 2px 10px 7px 12px;
	border: 2px ridge #bbb;
}

input[type=text]:focus {
	background-color: #d8ffe0;
    border: 2px outset #0bb;
}

textarea {
	width: 275px;
	border: 2px ridge #ccb;
	border-bottom: 4px ridge #aab;
	margin: 2px 10px 7px 2px;	
}

textarea:focus {
	width: 275px;
	border: 2px ridge #00a;
	border-bottom: 4px outset #a00;
	background-color: #d8ffe0;
	margin: 2px 10px 7px 2px;	
}

#right {
	width: 110px;
	height: 100%;
	float: right;
	overflow-y: auto;
}

#div_avatar {
	width: 90px;
	height: 120px;
	margin: 5px 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 0.7em;	
}

#fot_avatar {
	width: 70px;
	height: 85px;
	margin: 2px 0;
	border-bottom: 2px ridge #aaa;
}

#napis_infostart {
	width: 210px;
	margin: 10px auto 15px auto;
	padding: 0;
	font-family: "Eagle Lake",arial,sans-serif;
	text-shadow: 5px 2px 4px rgba(200, 50, 50, 0.4);
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	color: #d33;
}
/* ------  Koniec ustawien strony glownej ------------ */


/* ------  Ustawienia strony MENU ------------ */
#nav_menu, #nav_nav {
	width: 60%;
	background: #117;
	margin: 20px 0 20px 35px;
	border-top: 1px solid #CCCCCC;
	border-right: 2px solid #004;
	border-bottom: 2px solid #333333;
	border-left: 2px solid #008;
	border-radius: 5px;
	color: white;
    padding: 10px 10px;
    text-align: center; 
    text-decoration: none;
    display: inline-block;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 2px 10px 4px rgba(0,0,0,0.54);
-moz-box-shadow: 3px 2px 10px 4px rgba(0,0,0,0.54);
box-shadow: 3px 2px 10px 4px rgba(0,0,0,0.54);
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

#nav_menu:hover {
	background: #711;
	color: #0ca;
	border-right: 2px solid #400;
	border-bottom: 2px solid #430;
	border-left: 2px solid #800;
}

#menu_online, #menu_online2 {
	width: 60%;
	margin: 5px 0 0 35px;
	border: 1px outset #aaa;
	border-radius: 5px 5px 10px 10px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 5px 10px;
	text-align: center;
	font-size: 0.8em;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	color: #F42;
	line-height: 18px;
	font-weight: bold;
}


#menu_right_info {
	font-family: "Comic Sans MS", cursive, sans-serif;
	padding: 0;
	margin: 2px;
	text-align: center;
	font-size: 0.9em;
	font-weight:bold; 
	color: #F42;
}

 #menu_online2 {
	margin: 25px 0 0 35px; 
 }
 
#nav_tlo, #nav_tlo_asystent {
	width: 740px;
	height: 350px;
	margin: 5px auto 0 auto;
	background: #eee;
	border: 2px outset #aaa;
	border-radius: 15px 15px 10px 10px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 5px 10px;
	text-align: center;
	font-size: 1em;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	color: #e4b;
		background: #988; /* old browsers */
	background: -moz-linear-gradient(top, #22e 0%, #006 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22e), color-stop(100%,#006)); 
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #0874b6 0%, #016cad 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0874b6), color-stop(100%, #016cad)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #22e 0%, #006 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0874b6 0%, #016cad 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #22e 0%, #006 100%); /* IE10+ */
background: linear-gradient(to bottom, #0874b6 0%, #016cad 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0874b6', endColorstr='#016cad', GradientType=0); /* IE6-8 */
}


#nav_tlo_asystent {
	height: 200px;
	margin: 20px auto;
}

#nav_blog, #nav_wiadomosc, #nav_tablica {
	width: 150px;
	padding: 5px 10px;
	margin: 5px 5px;
	background: #006;
	border: 2px outset #aaa;
	float: left;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-style: italic;
	color: #6060FF;
	text-align: center;
	font-size: 0.9em;
}

#menu_user {	
	border-radius: 5px 20px 5px 15px;
	font-family: "Comic Sans MS", cursive, sans-serif;
	padding: 2px 10px 5px 15px;
	margin: 0 0 0 15px;
	text-align: left;
	font-size: 0.9em;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	color: #e4b;
	background: #988; /* old browsers */
	background: -moz-linear-gradient(top, #22e 0%, #006 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22e), color-stop(100%,#006)); 
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #0874b6 0%, #016cad 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0874b6), color-stop(100%, #016cad)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #22e 0%, #006 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0874b6 0%, #016cad 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #22e 0%, #006 100%); /* IE10+ */
background: linear-gradient(to bottom, #0874b6 0%, #016cad 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0874b6', endColorstr='#016cad', GradientType=0); /* IE6-8 */
border: 1px ridge #04a;
}

#button_menu, #button_menu2, #button_menu3, #button_menu4, #button_menu5, #button_menu6, #button_menu7{
	width: 120px;
border:1px solid #d22a00;
-webkit-box-shadow: #A2A3A3 7px 7px 7px  ;-moz-box-shadow: #A2A3A3 7px 7px 7px ; box-shadow: #A2A3A3 7px 7px 7px  ; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
border-radius: 3px;
font-size:12px;
font-family:arial, helvetica, sans-serif;
font-style: normal; 
padding: 7px 10px 7px 10px; 
margin: 3px 0;
text-decoration:none; 
display:inline-block;
font-weight:bold; 
color: #FFFFFF;
background-color: #FF3C0B; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF3C0B), to(#6d0019));
background-image: -webkit-linear-gradient(top, #FF3C0B, #6d0019);
background-image: -moz-linear-gradient(top, #FF3C0B, #6d0019);
background-image: -ms-linear-gradient(top, #FF3C0B, #6d0019);
background-image: -o-linear-gradient(top, #FF3C0B, #6d0019);
background-image: linear-gradient(to bottom, #FF3C0B, #6d0019);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF3C0B, endColorstr=#6d0019);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 3px 2px 10px 4px rgba(0,0,0,0.54);
-moz-box-shadow: 3px 2px 10px 4px rgba(0,0,0,0.54);
box-shadow: 3px 2px 10px 4px rgba(0,0,0,0.54);
}

#button_menu:hover, #button_menu2:hover, #button_menu3:hover, #button_menu4:hover, #button_menu5:hover, #button_menu6:hover, #button_menu7:hover  {
 border:1px solid #21a421;
 padding: 7px 7px 7px 13px; 
 background-color: #2AF738; background-image: -webkit-gradient(linear, left top, left bottom, from(#2AF738), to(#0F2B10));
 background-image: -webkit-linear-gradient(top, #2AF738, #0F2B10);
 background-image: -moz-linear-gradient(top, #2AF738, #0F2B10);
 background-image: -ms-linear-gradient(top, #2AF738, #0F2B10);
 background-image: -o-linear-gradient(top, #2AF738, #0F2B10);
 background-image: linear-gradient(to bottom, #2AF738, #0F2B10);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2AF738, endColorstr=#0F2B10);	
}

#button_menu2 {
	margin: 6px 0;
}

#button_menu3 {
	width: 90px;
	padding: 5px 8px 5px 8px; 
}

#button_menu4 {
	width: 130px;
	padding: 5px 8px; 
}

#button_menu5 {
	width: 190px;
	padding: 5px 8px 5px 8px; 
}

#button_menu6 {
	width: 80px;
	margin: 0px 0 -20px -17px;
	padding: 5px 4px; 
}

#button_menu7 {
	width: 120px;
	margin: 5px 5px 5px 0;
	padding: 8px 4px; 
	border-radius: 8px 8px 2px 2px;
	text-align: center;
}
#button_menu7:hover  {
	padding: 7px 3px 10px 6px;	
}

/* ------  Ustawienia strony blog_ustaw ------------ */
#but1 {
	background: #988; /* old browsers */
	background: -moz-linear-gradient(top, #22e 0%, #006 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22e), color-stop(100%,#006)); /* webkit */
	border-radius: 8px;
	border: 1px solid #00b;
	color: #ee4;
}

#divf1 {
	width: 830px;
	height: 95%;
	background: rgba(0, 0, 0, 0.2);
	border: 3px ridge #999;
	border-radius: 40px 10px 10px 20px;
	box-shadow: 8px 5px 7px rgba(0, 0, 0, 0.6);
	overflow-y: auto;
}

#divf1_lp {
	width: 300px;
	height: 500px;
	margin: 0 0 0 10px;
	float: left;
}

#divf1_rp, #divf2_rp {
	width: 490px;
	float: left;
	background: rgba(0, 0, 0, 0.2);
	border: 3px ridge #556;
	margin: 5px 0 0 0;
	padding: 0;
}

#divf1_rp {
	border-bottom: none;
	border-radius: 10px 20px 0px 0px;
}

#divf2_rp {
	border-top: none;
	border-radius: 0px 0px 20px 10px;
}


#divf2_rp {
	margin: 0;
	padding: 0 0 20px 0;
}

#wpis1, #wpis2 {
	width: 460px;
	float: left;
	margin: 5px 5px 0 5px;
	padding: 5px 5px;
	border: 3px ridge #0aa;
	border-radius: 40px 10px 10px 20px;
	box-shadow: 8px 5px 7px rgba(0, 0, 0, 0.6);
}

#komentarz1, #komentarz2, #pkomentarz1, #pkomentarz2 {
	width: 380px;
	float: right;
	margin: 3px 15px 10px 5px;
	padding: 5px 5px;
	border-style: ridge;
	border-radius: 5px 25px 10px 20px;
	border-width: 2px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 5px 10px;
	text-align: left;
	font-size: 0.7em;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
}

#odstep, #odstep2 {
	width: 550px;
	float: left;
	margin: 30px 0px 15px 35px;
	border: 2px ridge #a00;
}

#odstep2 {
	width: 250px;
	margin: 5px 0px 5px 10px;
	border: 2px ridge #0bb;
}

#formularz1 {
	width: 280px;
	height: 490px;
	margin: 5px 5px 5px 0;
	padding: 0px 5px 0 10px;
	border: 2px outset #899;
	background: rgba(80, 80, 80, 0.6);
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.2em;
	border-radius: 30px 10px 10px 20px;
	color: #0cf;
}

#dg {
	margin: 2px 4px 10px 4px; 
	width: 800px; 
	height: 113px; 
	border: 4px ridge #999;
	border-radius: 10px 10px;
	float: left;
}

#dgt {
	float: left; 
	margin: 2px 0 2px 5px; 
	padding: 20px 0 0 0;
	width: 130px; 
	height: 85px; 
	border: 2px inset #99a;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	color: #e00;
}

#dgk {
	float: left; 
	margin: 2px; 
	width: 645px; 
	height: 105px; 
	border: 2px inset #99a
}

#h3w1, #h3w2 {
	margin: 5px 5px;
	padding: 5px 5px;
	text-align: center;
	background: rgba(0, 0, 0, 0.1);
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 0.9em;
	font-weight: bold;
	border-style: ridge;
	border: thick double rgba(0, 0, 0, 0.2);
	border-radius: 20px 10px 5px 5px;
	border-width: 1px;
	box-shadow: 8px 5px 7px rgba(0, 0, 0, 0.6);
}

#tekstw1, #tekstw2 {
	font-family: "Comic Sans MS", cursive, sans-serif;
	padding: 5px 10px;
	text-align: left;
	font-size: 0.8em;
}

#lab1 {
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 0.7em;
	display: inline;
	margin: 2px 0 1px 20px;
}

#w_kolor {
	background-color: #fefed0;
	height: 25px;
	width: 190px;
	margin: 2px 0 2px 0px;
	font-size: 0.7em;
	border: 2px solid #AAA;
	border-radius: 2px;	
	padding:3px;
	color:#008;
	cursor:pointer;
}

#w_kolor option {
	background-color: #8ff;
	font-size: 1em;
	color: #007;
}
/* ------------------ */



/* ------  Ustawienia strony blog_wpis ------------ */

#blog_content {
	width: 855px;
	height: 95%;
	margin: 0 5px 0 0;
	padding: 0;
	background: rgba(0, 0, 0, 0.2);
	border-style: ridge;
	border: thick double rgba(0, 0, 0, 0.2);
	border-radius: 25px 10px 8px 8px;
	border-bottom: 5px ridge #666;
	box-shadow: 8px 5px 7px rgba(0, 0, 0, 0.6);

}

#formularz2 {
	width: 620px;
	height: 300px;
	margin: 0px 2px 0 5px;
	padding: 10px 5px;
	border: 3px outset #889;
	background-color: #787880;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1em;
	color: #0cf;
	float: left;
}

#panel_wpis_tytul {
	font-family: "Comic Sans MS", cursive, sans-serif;
	padding: 5px 10px;
	text-align: center;
	font-size: 1.2em;	
	color: #e33;
	background: rgba(90, 90, 90, 0.4);
	margin: 0 0 5px 5px;
}

#panel_wpis_kom {
	color: #e33;
	margin: 5px 10px 0 0;
	float: right;
}

#tresc {
	width: 610px;
	border: 2px ridge #ccb;
	border-bottom: 4px ridge #aab;
	margin: 2px 7px 7px 5px;
	font-size: 1.1em;
	overflow-y: auto;
	resize: none;
	white-space: pre-wrap;
}

#lab2, #lab3, #lab4 {
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 0.8em;
	margin: 0 0 0 95px;
}

#lab3 {
	margin: 5px 0 0 30px;
}

#lab4 {
	margin: 5px 0 0 30px;
	color: #FED;
}

#lab5 {
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 1em;
	margin: 10px auto;
	color: #FED;
}

#lab6 {
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 0.8em;
	margin: 3px 2px;
	color: #FED;
	display: inline;
}

#tytul {
	width: 470px;
	margin: 0 0 5px 70px;
	border: 3px ridge #aaa;
}

#emoty_tlo {
	width: 205px;
	height: 470px;
	margin: 0 3px 0 0;
	border: 2px outset #999;
	border-bottom: 5px ridge #aaa;
	float: right;

}

#emoty_napis {
	width: 200px;
	height: 22px;
	margin: 0 0 0 2px;
	padding: 0 0 0 5px;
	float: left;
	background-color: #eee;
	border: 2px ridge #009;
}

#emoty_p1, #emoty_p2, #emoty_p3, #emoty_p4 {
	width: 205px;
	height: 465px;
	float:  none;
	display: none;
	padding: 0;
	position: relative;
}

#emoty_p1 {
	display: block;
}


#wpis_wyglad {
	width: 627px;
	margin: 5px 5px;
	float: left;
}

#embut1, #embut2, #embut3, #embut4 {
	width: 40px;
	height: 18px;
	background-color: #bbb;
}
/* ------------------ */

/* ------  Ustawienia strony blog - usun ------------ */
#wpis_usun {
	padding: 10px 15px;
	margin: 5px 2px;
	border: 2px ridge #007;
	border-radius: 10px 0 0 10px;
	background: #012;
	color: #FEFEF0;
}

#wpis_usun_menu, #usun_komunikat {
	width: 140px;
	height: 500px;
	float: left;
	padding: 5px 5px;
	margin: 0 7px;
	border: 2px ridge #007;
	border-radius: 5px 5px;
	background: #012;
	color: #FEFEF0;
}

#cb_usun {
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	display: block;
	position: relative;
}

#usun_komunikat {
	width: 123px;
	height: 50px;
	margin: 5px 2px;
	background: #a00;
	color: #FFF;
	text-align: center;
	display: none;
}

#napis_blog_usun {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 2px 0px;
	margin: 0;
	text-align: center;
	font-size: 1.3em;
	color: #FE4;
}

/* ------------------ */

/* ------  Ustawienia strony blog ------------ */
#panel_blog {
	width: 700px;
	height: 98%;
	float: left;
	overflow-y: auto;
}

#dblog_tlo {
	width: 680px;
	border-radius: 20px 3px 3px 20px;
	overflow-y: auto;
}

#dblog_rekord {
	width: 680px;
}

#dblog_wpis, #dblog_wpis_u {
	width: 647px;
	float: left;
	margin: 22px 0 5px 5px;
	padding: 0px 5px;
	border-radius: 40px 10px 10px 20px;
	box-shadow: 8px 5px 7px rgba(0, 0, 0, 0.4);
}

#dblog_wpis_u {
	width: 612px;
}

#dblog_komentarze {
	width: 610px;
	float: right;
	margin: 2px 0 0 0;
}

#dblog_komentarz {
	width: 570px;
	margin: 2px 10px 3px 0;
	float: right;
	padding: 5px 5px;
	border-style: ridge;
	border-radius: 5px 25px 10px 20px;
	border-width: 2px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 5px 10px;
	text-align: left;
	font-size: 0.7em;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
}

#napis_blog_ustaw {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 2px 0px;
	margin: 0;
	text-align: center;
	font-size: 0.9em;
	color: #FE4;
}

#dwpis_info {
	height: 18px;
	margin: 0 0 -5xp 0;
	padding: 0 10px 0 10px;
	background: #333; /* old browsers */
	background: -moz-linear-gradient(top, #888 0%, #222 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888), color-stop(100%,#222)); /* webkit */
	border: 1px ridge #ffe;
	border-radius: 30px 30px 10px 10px;
	position: relative;
	left: 30px;
	bottom: 20px;
	float: left;
	font-family: "Comic Sans MS", cursive, sans-serif;
	color: #ff0;
	font-size: 0.7em;
}

#dwpis_tytul, #dwpis_tytul_u {
	width: 605px;
	padding: 5px 10px;
	margin: -17px 10px 5px 0;
	float: right;	
	text-align: left;
	background: rgba(0, 0, 0, 0.1);
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	line-height: 18px;
	letter-spacing: 1.3px;
	border-style: ridge;
	border: thick double rgba(0, 0, 0, 0.2);
	border-radius: 20px 10px 5px 5px;
	border-width: 1px;
	box-shadow: 8px 5px 7px rgba(0, 0, 0, 0.6);
}

#dwpis_tytul_u {
	width: 570px;
}

#dwpis_tresc {
	width: 580px;
	float: left;
	font-family: "Comic Sans MS", cursive, sans-serif;
	padding: 5px 10px;
	text-align: left;
	font-size: 0.8em;
}

#dkomentarz_info {
	width: 300px;
	text-align: center;
	margin: 3px auto;
	padding: 1px 10px 1px 0;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-style: italic;
	font-size: 1.1em;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	border-bottom: 1px outset #888;
	border-radius: 5px;
	background: #003;
	color: #FF8;
}

#dkomentarz_tresc {
	width: 565px;
	margin: 0 0 2px 3px;
	font-family: Cambria, Georgia, serif;
	font-size: 1em;
	letter-spacing: 0.9px;
}

#odstep {
	width: 590px;
	float: left;
	height: 1px;
	background-color: #900;
	margin: 15px 0px 10px 40px;
	border: 2px dotted #b22;
}

#nowy_komentarz {
	width: 585px;
	height: 70px;
	margin: 2px 10px 0 0;
	float: right;
	display: none;
}

#formularz_komentarz {
	float: right;
	width: 655px;
	height: 64px;
	margin: 0;
	background-color: #aaa;
	border: 3px ridge #999;
	border-radius: 20px 20px 10px 10px;
}

#nowy_komentarz {
	width: 665px;
	height: 70px;
	margin: 2px 10px 0 0;
	float: right;
	display: none;
}

#dodaj_komentarz {
	height: 25px;
	margin: 0px 30px 0 0;
	padding: 0;
	float: right;
	border: 1px ridge #9aa;
}

#tekst_nk {
	width: 540px;
	height: 50px;
	margin: 5px 5px 0 10px;
	border: 3px ridge #9aa;	
}

#wpis_przewijanie {
	width: 220px;
	height: 25px;
	background-color: #007;
	margin: 5px auto;
	padding: 2px 5px;
	border: 3px outset #22d;	
	border-radius: 4px 2px 2px 4px;
}

#wpis_przewijaniel, #wpis_przewijaniep {
	width: 95px;
	height: 20px;
	padding: 0;
	margin: 5px 0 0 5px;
	float: left;
}

#wpis_przewijaniep {
	width: 90px;
	float: right;
	margin: 5px -5px 0 0;
}

#panel_info {
	width: 155px;
	height: 98%;
	float: right;
	margin: 0 5px 0 0;
	background: #004;
	border-radius: 4px;
}

#blog_ustaw {
	width: 155px;
	min-height: 26%;
	float: right;
	margin: 0 0 5px 0;
}

#szukaj_avatar {
	width: 70px;
	height: 85px;
	margin: 3px auto;
	border: 2px outset #ccc;
	text-align: center;
	background: #FFF;
	color: #000;
	border-radius: 4px;
}

#blog_avatar {
	width: 155px;
	max-height: 68%;
	overflow-y: auto;
}

#button_avatar {
	width: 52px;
	height: 62px;
	margin: 3px 6px 2px 6px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.but_kom {
	width: 120px;
	height: 24px;
	padding: 3px 5px 3px 5px;
}

.but_zapisz_komentarz {
	width: 80px;
	float: right;
	height: 24px;
	padding: 3px 5px 3px 5px;
	margin: 20px 10px 0 0;
}

.button-link, .button-linkn, #but_blog1 {
	width: 100px;
	padding: 3px 10px;
	background: #4479BA;
	color: #FFF;
	text-decoration: none;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 0.7em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(200, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(200, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.button-link:hover, #but_blog1:hover {
	padding: 5px 14px;
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button-link:active, #but_blog1:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

.button-linkn {
	width: 61px;
	height: 14px;
	margin: 0 0 3px 0;
	float: left;
	background: #bcc;
	color: #000;
	border: 1px solid #999;
	text-align: center;
}

#but_blog1 {
	width: 145px;
	margin: 3px 5px;
	padding: 5px 5px;
	background: #102838;
	color: #f86;
}

#but_blog1:active {
	background: #AE5481;
    border: solid 1px #203E5F;
}

#but_blog1:hover {
	padding: 8px 6px;
    background: #640;
	color: #ff8;
}

/* ------  Ustawienia galeria ------------ */
#dfot_panel {
	width: 860px;
	height: 98%;
	margin: 3px 5px 0 5px;
	overflow-y: auto;
}


#dfot_tlo {
	width: 840px;
	height: 615px;
	float: left;
	background-color: #bbb;
}

#dfot_menu {
	width: 840px;
	height: 60px;
	float: left;
	background-color: #333;
	border-bottom: 2px ridge #888;
}

#dfot_menu_info {
	width: 840px;
	height: 25px;
	float: left;
	background-color: #004;
	color: #e00;
	text-align: center;	
}

#dfot_menu_l, #dfot_menu_r {
	width: 90px;
	height: 30px;
	float: left;
	background-color: #ccc;
	border: 2px ridge #bbb;
}

#dfot_menu_s {
	width: 648px;
	height: 30px;
	float: left;
	background-color: #ccc;
	border: 2px ridge #bbb;
}

#fot_ul ul{
  list-style: none;
}

#fot_ul ul, li {
	position: relative;
	width: 0px;
	height: 0px;
	float: left;
	bottom: 17px;
	margin: 0px;
	padding: 0;
}

#fot_i1, #fot_i2 {
	position: relative;
	width: 830px;
	height: 600px;
	border: 4px ridge #088;
}

.foto_katalog, .foto_katalog2 {
	width: 230px;
	padding: 2px 5px;
	margin: 3px 45px 3px 25px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.8em;
}

.foto_katalog2 {
	width: 55px;
	margin: 3px 20px 3px 30px;
}

.but_fot {
	width: 80px;
	margin: 3px 5px;
	padding: 2px 5px;
}

#fot_p1, #fot_p2, #fot_p3, #fot_p4 {
	margin: 3px 35px 0 140px;
	padding: 1px 10px 1px 0;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-style: italic;
	font-size: 0.9em;
	color: #f00;
	display: inline;
}

#fot_p2 {
	margin: 3px 10px 0 40px;
}

#fot_p3 {
	margin: 3px 10px 0 0px;
}

#fot_p4 {
	margin: 3px 10px 0 18px;
}

/* ------  Ustawienia wgraf (wiadomosci graficzne) ------------ */
#wiadg_content {
	width: 870px;
	height: 85%;
	overflow-y: auto;
	margin: 10px auto;
	padding: 0;
	background: #006;
	overflow-y: auto;
}

#wiadg_right {
	width: 660px;
	height: 88%;
	float: left;
	margin: 0;
	padding: 0;
	background: #007;
}

#wiadg_left {
	width: 180px;
	height: 88%;
	float: left;
	margin: 0;
	padding: 0;
	background: #007;
	overflow-y: auto;
}

#wiadg_kontakt {
	width: 150px;
	position: relative;
	left: 7px;
	top: 10px;
	border: 2px ridge #999;
	box-shadow: 4px 3px 6px rgba(40, 40, 50, 0.5);
	border-radius: 3px 3px 5px 5px;
	text-align: center; 
	color: #FFE000;
}

#wiadg_odbieranie {
	width: 645px;
	max-height: 590px;
	position: relative;
	bottom: 630px;
	background: #f8f8f0;
	border: 2px ridge #999;
	box-shadow: 4px 3px 6px rgba(30, 30, 30, 0.4);
	overflow-y: auto;
	display: none;
}

#wiadg_tytul {
	width: 524px;
	margin: 0 10px 5px 10px;
	border: 3px ridge #aaa;
}

#nag_wgraf {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 2px;
	margin: 5px 20px;
	text-align: center;
	border-radius: 4px;
	font-size: 1.1em;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	color: #009;
}

#nag_wgraf:hover {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 3px;
	font-size: 1.2em;
	box-shadow: 4px 3px 6px rgba(80, 80, 80, 0.9);
	color: #e00;
}


.dcc{
	width: 48px;
	height: 60px;
	float: left;
	margin: 5px 7px;
	border: 1px ridge #ccc;
	border-bottom: 5px ridge #aaa;
	border-right: 5px ridge #aaa;
}

#wiadg_tytul2 {
	width: 300px;
	margin: 5px auto;
	border-bottom: 2px ridge #009;
	border-left: 4px ridge #00a;
	border-right: 4px ridge #00a;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding: 3px 10px;
	font-size: 1.2em;
	text-align: center;
	color: #e00;
}

/* - Tabela wiadomosci - */
#tab_wgraf {
	padding: 0;
	margin: 5px auto;
	color: #006;
	border: none;
	border-collapse: collapse;
}

#tab_wgraf tr:nth-child(even) {
	background: #eaf0f0;
}

#tab_wgraf th {
	border-bottom: 3px ridge #999;
	background: #dee;
	color: #822;
}

#tab_wgraf th, td {
	padding: 3px 25px;
	margin: 0px;
	border-bottom: 1px solid #aaa;
}

#tab_wgraf tr:hover {
	background-color: #f5e0e0
}



/* - checkbox - */

#c1 {
    display:none;
}

#c1,label {
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 0 10px 0 2px;
	border: 0;
	display: block;
	vertical-align: top;
	position: relative;
	top: 45px;
	left: 33px
}


#cw {
	width: 19px;
	height: 19px;
	position: static;
	border: 1px ridge #555;
	margin: 0;
	padding: 0;
	float: left;
}

/* - button - */
.but_wgraf, #chat_wyslij {
	width: 80px;
border:1px solid #d22a00;
-webkit-box-shadow: #A2A3A3 7px 7px 7px  ;-moz-box-shadow: #A2A3A3 7px 7px 7px ; box-shadow: #A2A3A3 7px 7px 7px  ; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
border-radius: 3px;
font-size:12px;
font-family:arial, helvetica, sans-serif;
font-style: normal; 
padding: 5px 7px; 
margin: 3px 0 5px 5px;
text-decoration:none; 
display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold; 
color: #FFFFFF;
background-color: #FF3C0B; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF3C0B), to(#6d0019));
background-image: -webkit-linear-gradient(top, #FF3C0B, #6d0019);
background-image: -moz-linear-gradient(top, #FF3C0B, #6d0019);
background-image: -ms-linear-gradient(top, #FF3C0B, #6d0019);
background-image: -o-linear-gradient(top, #FF3C0B, #6d0019);
background-image: linear-gradient(to bottom, #FF3C0B, #6d0019);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF3C0B, endColorstr=#6d0019);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 2px 10px 4px rgba(0,0,0,0.54);
-moz-box-shadow: 3px 2px 10px 4px rgba(0,0,0,0.54);
box-shadow: 3px 2px 10px 4px rgba(0,0,0,0.54);
}

.but_wgraf:hover, #chat_wyslij:hover {
 border:1px solid #21a421;
 padding: 5px 5px 5px 9px; 
 background-color: #2AF738; background-image: -webkit-gradient(linear, left top, left bottom, from(#2AF738), to(#0F2B10));
 background-image: -webkit-linear-gradient(top, #2AF738, #0F2B10);
 background-image: -moz-linear-gradient(top, #2AF738, #0F2B10);
 background-image: -ms-linear-gradient(top, #2AF738, #0F2B10);
 background-image: -o-linear-gradient(top, #2AF738, #0F2B10);
 background-image: linear-gradient(to bottom, #2AF738, #0F2B10);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2AF738, endColorstr=#0F2B10);	
}

/* ------  Pokoj zwierzen ------------ */ 
#pz_content {   /* tlo */
	width: 860px;
	height: 90%;
	margin: 5px auto;
	padding: 15px 0;
	border: 3px ridge #009;
	border-bottom: 8px ridge #00b;
	border-radius: 8px 8px 2px 2px;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 0.9em;
	color: #0ee;
	overflow-y: auto;
	background: #006;
}

#pz_pytanie, #pz_pytanieo {  /* panel pytanie */
	width: 770px;
	margin: 2px auto;
	padding: 5px 15px;
	background: #666;
}

#pz_pytanieo {
	display: none;
	padding: 5px 0;
}

#pz_odpowiedz {   /* panel odpowiedz */
	width: 830px;
	background: #005;
	margin: 10px 0;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 0.9em;
	text-align: center;
	color: #Fee;
	border: 3px ridge #00b;
	border-radius: 8px 8px 2px 2px;
	overflow-y: auto;
}

#pz_tpytanie {  /* panel twoje pytania */
	width: 210px;
	float: left;
	padding: 5px 5px;
}

#pz_todpowiedz {   /* panel twoje odpowiedzi */
	width: 510px;
	float: left;
	padding: 5px 5px;
	border-right: 3px ridge #00c;
	border-left: 3px ridge #00c;
}

#pz_tdata {   /* panel data pytania/odpowiedzi */
	width: 80px;
	float: left;
}

#pz_odstep {   /* odstep */
	width: 830px;
	height: 2px;
	margin: 5px 0;
	background: #F00;
	float: left;
}

#zwierz_tytul {   /* napis info */
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 1.5em;
	margin: 5px;
	text-shadow: 8px 5px 7px rgba(20, 10, 10, 0.6);
	text-align: center;
	color: #FE4;
}

#zwierz_info {   /* napis info */
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 1.2em;
	margin: 5px;
	text-shadow: 8px 5px 7px rgba(20, 10, 10, 0.6);
	text-align: center;
	color: #ff8;
}

#pz_tresc {   /* textarea */
	width: 720px;
	height: 150px;
	margin: 5px 15px;
}

#pz_form2 {
	width: 820px;
	height: 30px;
	margin: 5px 0 10px 0;
}

/* ------  CHAT ------------ */ 
#chat_tlo {
	width: 810px;
	height: 95%;
	padding: 0 5px;
	margin: 0 auto;
	border-radius: 15px 5px 5px 15px;
	overflow-y: auto;
	background: #004;
}

#chat_left {
	width: 620px;
	height: 75%;
	float: left;
	border-bottom: 4px ridge #aa9;
	border-radius: 8px 8px 2px 2px;
	padding: 0 5px;
	margin: 5px 0px 5px 15px;
	background: #007;
}

#chat_tekst {
	width: 600px;
	height: 70%;
	float: left;
	padding: 10px 5px;
	margin: 2px 2px;
	border: 2px ridge #999;
	border-radius: 8px 8px 2px 2px;
	background: #f8ffff;
	color: #006;
	overflow-y: auto;
}

#chat_menu {
	width: 560px;
	padding: 10px 20px;
	margin: 5px auto;
	background: #004;
	border-radius: 8px 8px 2px 2px;
	box-shadow: 8px 5px 7px rgba(20, 10, 10, 0.6);
	border: ridge 2px #009;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 1em;
	text-align: center;
	color: #Fe4;
	float: left;
}

#chat_right {
	width: 110px;
	height: 88%;
	padding: 5px 5px;
	margin: 5px 25px 5px 10px;
	background: #007;
	overflow-y: auto;
	float: left;
}

/* chat input text*/
#chat {
	width: 490px;
}

#chat_p {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 0.8em;
	color: #008; 
	margin: 7px 10px;
}

.chat_avatar {
	width: 58px;
	margin: 3px 5px 3px 10px;
	border: 2px ridge #bbb;
	border-radius: 4px 4px 2px 2px;
	box-shadow: 8px 5px 7px rgba(20, 10, 10, 0.6);
}

.but_chat {
	width: 52px;
	height: 60px;
	margin: 2px 4px;
	cursor: pointer;
}

.chat_avatar_user {
	width: 80px;
	height: 15px;
	position: relative;
	right: 11px;
	border: 1px ridge #aaa;
	background: #004;
	border-radius: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ff6;
	text-align: center;
	padding: 2px 1px;
}

#nav_chat {
	text-decoration: none;
	color: #0f0;
	background: #006;
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0;
	text-align: center;
}

#nav_chat:hover {
	color: #f00;
}

#nav_chat_user {
	width: 50px; 
	height: 20px; 
	margin: 45px 0 2px 0; 
	font-size: 0.7em; 
	font-weight: normal;
	font-style: normal;
	text-align: center; 
	color: #004;
}

#chat_text1, #chat_text2 {
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 0.9em;
	margin: 5px 5px;
	display: inline;
}

#chat_text2 {
	color: #004;
}

#chat_text3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 5px 5px 5px 10px;
	display: inline-block;
	color: #a04;
}

#chat_tytul {
	width: 300px;
	text-align: center;
	margin: 5px auto;
	padding: 1px 10px 3px 0;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-style: italic;
	font-size: 1.1em;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	border-bottom: 1px outset #888;
	border-top: 1px outset #00a;
	border-radius: 5px;
	margin: 0 auto;
	background: #005;
}

/* ------  OGLOSZENIA ------------ */ 
#tab_tlo, #tab_tlo2 {
	width: 845px;
	height: 97%;
	padding: 0 5px;
	margin: 0 auto;
	overflow-y: auto;
	background: #014;
	border-radius: 25px 15px 5px 5px;
}

#tab_tlo2 {
	width: 860px;
}

#h3_linia, #h3_tytul {
	color: #25f;
	text-align: center;
	font-size: 2.5em;
}

#h3_tytul {
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 1.3em;
	text-align: center;
	margin: 5px 0 0 0;
	padding: 0;
	color: #04C;
}

.tab_link, .tab_link2, .tab_link3 {
    float: left; 
	width: 100px;
    border: 1px solid black;
    background: #333333;
    padding: 5px;
    margin-right: 10px ;
    color: #ffffff;
    text-decoration: none;
	text-align: center;
    font-variant: small-caps;
	border-radius: 4px 4px 1px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

.tab_link2 {
	width: 120px;
}

.tab_link3 {
	width: 170px;
    font-variant: small-caps;
	border-radius: 4px 4px 1px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

@media all and (-ms-high-contrast:none)
{
     .tab_link3 { 
		font-size: 0.8em;
	 } /* IE10 */
     .tab_link3 { 
		font-size: 0.8em;
	 } /* IE11 */
}

.tab_link_wybrany {
	background-color: #b30000;
}

.tab_text {
    display: none;
    border: 1px solid black;
	border-top: 4px ridge #99a;
	border-bottom: none;
    padding: 5px;
    color: #000000;
}

.tab_text2 {
    border: 1px solid black;
	border-top: 4px ridge #99a;
	border-bottom: none;
    padding: 5px;
    color: #000000;
}

#taby, #taby2, #taby3 {
	width: 770px;
	margin: 20px auto;
	border-bottom: 6px ridge #aaa;
}

#taby2 {
	width: 850px;
}

.clear {
	clear: both;
}

#tresc_ogloszenia {
	width: 650px;
	margin: 10px auto;
	padding: 20px 15px;
	background: #FFFDB9;
	border-radius: 3px 3px 8px 8px;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 0.9em;
	text-align: left;
	color: #2040A0;
	box-shadow: 7px 5px 8px rgba(100, 100, 0, 0.6);
}

/* ------  Ustawienia kalendarz ------------ */
#kal_content {
	width: 800px;
	height: 75%;
	margin: 10px auto;
	padding: 15px 10px;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	border-bottom: 4px outset #007;
	border-radius: 8px;
	background: #009;
	overflow-y: auto;
}

#kal_zegar {
	width: 270px;
	height: 80px;
	margin: 90px auto 0 auto;
	padding: 15px 20px;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	border-bottom: 4px outset #007;
	border-radius: 8px;
	background: #008;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4em;
	text-align: center;
}


/* ------  Ustawienia kalendarz ------------ */
#login_tlo {
	width: 500px;
	height: 60%;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	border-bottom: 4px outset #007;
	border-radius: 8px;
	background: #006;
	overflow-y: auto;
}
/* ------------------ */

/* ------  Ustawienia strony Informacje o Platformie ------------ */
#content_info_user, #content_user_wizytowka {
	width: 755px;
	height: 95%;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	border-bottom: 4px outset #007;
	border-radius: 25px 15px 10px 10px;
	background: #004;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	color: #FF2;
	margin: 5px 0px;
	padding: 5px 0;
	overflow: hidden;
	overflow-y: auto;
}

#panel_info_user {
	width: 690px;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	border-bottom: 4px outset #007;
	border-radius: 15px 10px;
	background: #000430;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 1em;
	text-align: center;
	color: #FF2;
	margin: auto;
	padding: 20px 25px;
}

#box_signl, #box_signr {
	width: 15px;
	height: 14px;
	margin: 0;
	padding: 0;
	background: #040458;
	float: left;
	position: relative;
	bottom: 13px;
	right: 15px;
	display: inline;
}

 #box_signr {
	float: right;
	left: 15px; 
 }
 /* ------------------ */

/* ------  Ustawienia strony Profil ------------ */
#fot_profil {
	width: 80px;
	height: 100px;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	border: 4px outset #040458;
	border-radius: 7px 4px;
	float: right;
	position: relative;
	bottom: 13px;
	right: 15px;
	display: inline;
}

 /* ------------------ */

/* ------  Ustawienia strony Wizytowka ------------ */
#user_wizytowka1, #user_wizytowka2, #user_wizytowka3, #user_wizytowka4  {
	width: 800px;
	padding: 15px 20px;
	background: #001880;
	text-align: left;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 0.9em;
	border: 1px ridge #111;
	border-bottom: 6px outset #001888;
	border-top: 1px outset #004;
	display: none;
}

#user_wizytowka1 {
	display: block;
}

#wizyt_button {
	width: 155px; 
	height: 30px;
	margin: 5px 25px;
	padding: 3px 3px;
	background: #137;
	float: left;
	display: block;
}

#info_link {
	color: hotpink;
}

#info_link:hover {
	color: #ADF;
	padding: 0 0 0 3px;
}

#p_info {
	text-align: left;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 0.9em;
	color: #aFF;
	color: #Ffb;
	margin: 2px 0 2px 0;
	padding: 3px 10px 5px 10px;
	border-bottom: 1px ridge #00a;	
background-color: #182890; background-image: -webkit-gradient(linear, left top, left bottom, from(#182890), to(#002));
background-image: -webkit-linear-gradient(top, #182890, #002);
background-image: -moz-linear-gradient(top, #182890, #002);
background-image: -ms-linear-gradient(top, #182890, #002);
background-image: -o-linear-gradient(top, #182890, #002);
-webkit-box-shadow: 3px 2px 10px 4px rgba(0,40,80,0.54);
-moz-box-shadow: 3px 2px 10px 4px rgba(0,40,80,0.54);
box-shadow: 3px 2px 10px 4px rgba(0,40,80,0.54);
}

#form_info {
position: absolute;
width: 400px;
border: 5px ridge #444;
background-image: url('../img/tla/kwadrat.png');
background-repeat: repeat;
}

#form_info_tlo {
width: 360px;
overflow-y: auto;
margin: 10px auto 0 auto;
padding: 12px 10px;
text-align: left;
font-family: "Comic Sans MS", cursive, sans-serif;
font-size: 0.9em;
color: #004;
background: #FFE;
border: 2px ridge #CCB;
}
	

#form_info_tekst {
text-align: left;
font-size: 1.3em;
font-weight: bold;
color: #C00;
margin: 15px 0 10px 10px;
}