#content_user_wizytowka {
	width: 865px;
	margin: 0;
	border-bottom: 4px outset #788888;
	background: #005;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1em;
	color: #003;
	overflow-y: auto;
}

#strona_content {
	width: 810px;
	height: 600px;
	margin: 5px auto;
	background: #777;
	overflow-y: auto;
}

#strona_tresc {
	width: 730px;
	padding: 75px 15px 20px 15px;
	margin: 5px auto;
	background: #aaa;
	position: relative;
	left: 0px;
	bottom: 50px;
	text-align: justify;
	font-size: 1em;
	font-weight: normal;
	z-index: 0;
	overflow-y: auto;
}

#strona_tytul {
	width: 760px;
	margin: 15px 0;
	position: relative;
	left: 12px;
	top: 30px;
	padding: 5px 10px;
	border-radius: 10px 10px 5px 5px;
	text-align: center;
	font-size: 1.7em;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	color: #000;
	background: #ccc;
	z-index: 1;
}
	
#strona_cp, #strona_cp1, #strona_cp2, #strona_cp3, #strona_cp4, #strona_cp5 {
	width: 55px;
	border: 2px ridge #aaa;
	margin: 3px auto;
	display: inline;
	padding: 2px 3px;
}

#strona_ustawienia, #strona_ustawienia_img {
	width: 150px;
	height: 120px;
	background: #123;
	padding: 4px 5px 5px 5px;
	border: 2px ridge #888;
	float: left;
	margin: 5px 8px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.8em;
	color: #4af;
	box-shadow: 2px 3px 3px rgba(20, 30, 30, 0.5);
	text-align: center;
}

#strona_ustawienia_img {
	width: 230px;
	float: right;
}	

#strona_kt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFE;
	text-align: center;
	margin: 0 0 3px 0;
	padding: 2px 10px;
	box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.4);
	background: #700;
}

#strona_tlo_ustawienia {
	width: 530px;  
	background: #687070; 
	border: 3px ridge #385050; 
	margin: 5px 0;
	overflow-y: auto;
}

#strona_ramka, #strona_font_tytul, #strona_font_tresc, #strona_foto, #strona_info_pliki, #strona_info_img, #strona_info_foto {
	padding: 3px 5px;
	border: 2px ridge #999;
	margin: 2px auto;
	font-weight: bold;
	font-size: 1em;
}

#strona_info_pliki, #strona_info_foto {
	font-weight: normal;
	font-size: 0.8em;
	padding: 2px 5px;
	width: 250px;
}

#strona_text_tytul {
	width: 500px;
	margin: 2px 5px;
	border-radius: 3px;
}

#strona_img {
	border-radius: 5px;
	margin: 10px 0;
	float: right;
}

#strona_menu_ustawienia, #strona_menu_tekst, #strona_menu_pliki, #strona_menu, #strona_menu_szablon {
	width: 610px;
	height: 280px;
	background: #687070; 
	border: 3px ridge #385050; 
	padding: 3px 5px;
	margin: 5px 0;
	float: right;
	display: none;
}

#strona_menu_tekst {
	display: block;
}

#strona_menu_ustawienia {
	width: 620px;
	height: 285px;
	padding: 0;
}
	
#strona_menu {
	width: 160px;
	float: left;
	display: block;
}

#strona_menu_pliki_l, #strona_menu_pliki_p {
	width: 296px;
	height: 275px;
	background: #889090; 
	border: 2px ridge #666;
	margin: 0 8px 0 0;
	float: left;
}

#strona_menu_pliki_p {
	margin: 0;
}

#strona_plik_kom, #strona_foto_kom {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 0.8em;
	color: #FED;
	text-align: center;
	margin: -5px 0 0 0;
}

#strona_button {
	padding: 2px 5px;
	margin: 5px auto;
	border: 1px ridge #333;
}

#strona_upload_tlo {
	width: 735px;
	margin: 10px 0 10px -10px;
	padding: 10px 5px;
	background: #123;
	border: 2px ridge #666;
	border-radius: 12px 12px 10px 10px;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
}

#strona_upload_plik {
	width: 715px;
	margin: 10px auto;
	padding: 5px 5px;
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 0.9em;
	color: #FED;
	text-align: left;
	box-shadow: 5px 3px 8px rgba(0, 0, 0, 0.7);
	background: #014;
	background: -moz-linear-gradient(top, #777 0%, #111 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777), color-stop(100%,#111)); /* webkit */
	border: 1px ridge #aaa;
	border-bottom: 3px outset #888;
	border-radius: 10px 10px 5px 5px;
	overflow-y: auto;
}

#strona_upload_sekcja1, #strona_upload_sekcja2, #strona_upload_sekcja3, #strona_upload_sekcja4  {
	width: 350px;
	margin: 0;
	padding: 0px;
	float: left;
	text-align: center;
	margin: 0 3px;
}

#strona_upload_sekcja2 {
	width: 120px;
}

#strona_upload_sekcja3 {
	width: 110px;
}

#strona_upload_sekcja4 {
	width: 100px;
}

#strona_menu_szablon1 {
	width: 290px;
	heigh: 200px;
	float: left;
	margin: 5px 5px;
	border: 2px ridge #006;
}

#szablontxt_1, szablontxt_2 {
	padding: 5px 5px;
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 0.9em;
	color: #FED;
	text-align: center;
	display: inline;
}

#szablontxt_2 {
	font-size: 0.7em;
}

#strona_start_tlo {
	width: 120px;
	height: 120px;
	border-radius: 10px 20px 30px 40px;
	background: #2db34a;
	border-radius: 6px;
	transition-property: background, border-radius;
	transition-duration: .2s, 1s;
	transition-timing-function: linear;
}

#strona_start_tlo:hover {
	background: #ff7b29;
	border-radius: 50%;
}
	
	.card-container {
  height: 130px;
  perspective: 600;
  position: relative;
  width: 127px;
  float: left;
  margin: 8px 15px;
}
.card {
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: all 1s ease-in-out;
  width: 100%;
  
}
.card:hover {
  transform: rotateY(180deg);
  background: #014;
  border-radius: 50%;
  box-shadow: 0 4px 8px 2px rgba(0, 10, 60, 0.7);
  color: #F82828;
  font-weight: bold;
  font-family: 'Pangolin', cursive;
  font-size: 1em;
  border: 1px ridge #F8F8F0;
  padding: 20px 0 0 0;
}
.card .side {
  backface-visibility: hidden;
  height: 100%;
  position: absolute;
  width: 100%;
}
.card .back {
  transform: rotateY(180deg);
}
.side {
	background: #014;
	border: 2px ridge #F0F0F8;
	color: #FED;
	text-align: center;
	width: 120px;
	height: 120px;
	border-radius: 6px;
	transition-property: background, border-radius;
	transition-duration: .2s, 1s;
	transition-timing-function: linear;
	box-shadow: 5px 3px 8px rgba(0, 0, 80, 0.7);
}

.button_www{
width: 82px;
position: relative;
right: 17px;
bottom: 3px;
padding: 5px 4px; 
margin: 3px 0;
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; 
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_www:hover{
width: 95px;
height: 28px;
right: 23px;
padding: 6px 3px 5px 3px;
border-radius: 5px;
font-size:13px;
border:1px solid #807D34;
 background-color: #172EFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#172EFF), to(#081A21));
 background-image: -webkit-linear-gradient(top, #172EFF, #081A21);
 background-image: -moz-linear-gradient(top, #172EFF, #081A21);
 background-image: -ms-linear-gradient(top, #172EFF, #081A21);
 background-image: -o-linear-gradient(top, #172EFF, #081A21);
 background-image: linear-gradient(to bottom, #172EFF, #081A21);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#172EFF, endColorstr=#081A21);
 }
 
 #strona_avatar {
	 width: 48px;
	 height: 60px;
	 margin: 5px auto;
 }
#strona_info_status {
	width: 780px;
	height: 20px;
	margin: 0px auto 5px auto;
	color: #FFC;
	font-family: 'Arima Madurai', cursive;
	font-size: 1.2em;
	text-align: center;
}

#strona_przyklad_tlo {
	width: 805px;
	height: 570px;
	background: #002;
}

#strona_przyklad_tresc, #strona_przyklad_wyglad, #strona_przyklad_opisl, #strona_przyklad_opisp {
	width: 436px;
	height: 230px;
	background: #007;
	border: 2px ridge #500;
	float: left;
	margin: 0px 10px 5px 5px;
	padding: 5px 5px;
	font-size: 0.9em;
	color: #FED;
	font-family: times, Times New Roman, times-roman, georgia, serif;
	text-align: left;
}

#strona_przyklad_wyglad {
	width: 315px;
	margin: 0px 4px 5px 5px;
}

#strona_przyklad_opisl, #strona_przyklad_opisp{
	height: 13px;
	background: none;
	border: none;
	margin: 0px 10px 2px 5px;
	text-align: center;
	padding: 1px 5px;
}

#strona_przyklad_opisp {
	width: 315px;
	margin: 0px 4px 0px 5px;
}

#sp_l1, #sp_l2, #sp_l3, #sp_l4, #sp_l5, #sp_p1, #sp_p2, #sp_p3, #sp_p4, #sp_p5 {
	width: 410px;
	margin: 3px 2px;
	padding: 4px 10px;
	text-align: left;
	float: left;
	background: #005;
}

#sp_p1, #sp_p2, #sp_p3, #sp_p4, #sp_p5 {
	width: 290px;
}

#strona_przyklad_opis, #strona_przyklad_test {
	width: 769px;
	height: 35px;
	background: #008;
	border: 2px ridge #600;
	float: left;
	margin: 0px 6px;
	padding: 5px 10px;
	font-size: 0.9em;
	color: #FED;
	font-family: times, Times New Roman, times-roman, georgia, serif;
	text-align: left;
}

#strona_przyklad_test {
	height: 150px;
}

#strona_przyklad_button1, #strona_przyklad_button2, #strona_przyklad_button3, #strona_przyklad_button4, #strona_przyklad_button5 {
	width: 130px;
	margin: 5px 2px;
	border: 1px ridge #004;
	float: left;
}

#strona_przyklad_button	{
	width: 60px;
	height: 30px;
	float: left;
}

#strona_przyklad_test_podglad {
	width: 280px;
	height: 135px;
	float: left;
	margin: 3px 5px 3px 0;
	background: #112;
}

#strona_przyklad_kolor {
	width: 58px;
	height: 18px;
	margin: 2px 0 15px 5px;
}

#strona_przyklad_font {
	width: 145px;
	height: 18px;
	font-size: 0.8em;
	margin: 0 0 0 20px;
}

#strona_pomoc_text {
	font-size: 0.8em; 
	color: #005; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFE9;
	padding: 10px 20px 20px 20px;
	text-align: justify;
	font-size: 0.9em;
	border: 2px ridge #8AE;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}


