html {
min-width: 100%;
height: 100%;
}

@font-face {
font-family: OpenSans;
src: url('OpenSans-Regular.ttf');
}

body {
background: #fff;
margin: 0;
padding: 0;
font-family: OpenSans, Trebuchet MS, Arial, verdana, tahoma, sans-serif, serif;
font-size: 14px;
color: #000;
height: 100%;
}
#menu {
width:100%;
height:71px;
background:none;
position:relative;
z-index:5;
float:left;
}
.center {
width:1000px;
margin:0 auto;
}
#logo {
width:164px;
height:71px;
background:transparent url('../img/logo_jetweb.png') top left no-repeat;
float:left;
}
#logo a {
width:160px;
height:70px;
float:left;
}

#menu ul {
padding: 0;
margin: 0 0 0 140px;
border: 0;
list-style: none;
float:left;
}

#menu ul li{
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
#menu ul li a {
height: 70px;
font-size: 14px;
font-weight:normal;
line-height:70px;
color: #000000;
text-decoration: none;
text-transform:uppercase;
padding: 0 13px;
margin: 0;
float: left;
}

#menu ul li a:hover{
color: #56bae8;
text-decoration: none;
}
#menu ul li a.bg {
color: #56bae8;
}

#zaloz {
background:none;
border: 2px solid #56bae8;
color:#56bae8;
text-transform:uppercase;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 5px 10px;
margin-top:20px;
margin-left:10px;
float:right;
}
#zaloz:hover {
background:#56bae8;
color:#ffffff
}
#zaloz a {
color:#56bae8;
font-weight:bold;
}
#zaloz a:hover {
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

#photo_home {
width:100%;
height:664px;
background:#fff url('../img/jetweb_index.jpg') top center no-repeat;
position:relative;
float:left;
margin-top:-71px;
}
#text_home {
width:600px;
position:relative;
top:180px;
}

#home_line a {
width:150px;
height:38px;
background:none;
border: 2px solid #ffffff;
color:#fff;
text-align:center;
line-height:40px;
font-size:18px;
text-transform:uppercase;
margin:10px 20px 0 0;
float:right;
border-radius:4px;
}
#home_line a:hover {
background:#4794b7;
border: 2px solid #4794b7;
text-decoration:none;
}
#home_line {
width:960px;
height:60px;
background:#56bae8;
position:absolute;
top:604px;
line-height:60px;
padding-left:40px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-box-shadow: 0px -1px 4px 0px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px -1px 4px 0px rgba(50, 50, 50, 0.9);
box-shadow:         0px -1px 4px 0px rgba(50, 50, 50, 0.9);
}
.shadowTop {
width:303px;
height:26px;
background:transparent url('../img/shadow_top.png') top center no-repeat;
float:left;
}
.shadowBot {
width:303px;
height:26px;
background:transparent url('../img/shadow_bottom.png') top center no-repeat;
position:relative;
top:290px;
}


h1 {
font-size: 28px;
font-weight: normal;
color: #2a2a2a;
margin: 0;
padding: 0;
}
h2 {
font-size: 15px;
font-weight: normal;
color: #2a2a2a;
margin: 0;
padding: 0;
}
h3 {
font-size: 15px;
font-weight: normal;
color: #ffffff;
margin: 0;
padding: 0;
}


#text_home h1 {
font-size: 36px;
text-shadow: 0px 1px 0px #fff;
}
#text_home h2 {
font-size: 24px;
margin-top:10px;
text-shadow: 0px 1px 0px #fff;
}
#home_line h3 {
float:left;
font-size: 22px;
text-shadow: 0px 1px 0px #b52202e;
}

#content {
width:100%;
float:left;
}
.home_blok {
width:303px;
min-height:420px;
float:left;
}
.home_line {
width:30px;
height:420px;
background: none;
float:left;
}
.home_image {
width:303px;
height:115px;
margin-top:40px;
text-align:center;
float:left;
}
.home_text {
width:303px;
margin-top:20px;
float:left;
}
.home_text p {
margin: 20px 10px 0 10px;
text-align: justify;
line-height: 24px;
}
.home_text h2 {
font-size:20px;
text-align:center;
color:#202020;
}
.home_text a {
width:240px;
height:50px;
border-radius: 4px;
margin-left: 20px;
background:#da6b90;
color:#fff;
text-align:center;
line-height:50px;
font-size:16px;
text-transform:uppercase;
float:left;
text-shadow: 0px 1px 0px #b53c00;
}
.home_text a:hover {
background:#b85979;
text-decoration:none;
box-shadow: 0px 1px 0px #b53c00;
}
a {
color:#000;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
#home_linebottom {
width:100%;
height:38px;
background:transparent url('../img/home_linebottom.png') top center no-repeat;
float:left;
}
#footer {
width:100%;
margin-top:30px;
float:left;
}
#menuBot {
width:100%;
height:50px;
background:#232323;
float:left;
}
#footerText {
width:100%;
height:35px;
background:#393939;
font-size:12px;
color:#fff;
line-height:35px;
float:left;
}
#menuBot ul {
padding: 0;
margin: 0;
border: 0;
list-style: none;
float:left;
}

#menuBot ul li{
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
#menuBot ul li a {
height: 50px;
background:transparent url('../img/menubot.png') right center no-repeat;
font-size: 12px;
font-weight:normal;
line-height:50px;
color: #f0f0f0;
text-decoration: none;
text-transform:uppercase;
padding: 0 20px;
margin: 0;
float: left;
}

#menuBot ul li a:hover{
color: #56bae8;
text-decoration: none;
}
#menuBot ul li a.bg {
color: #56bae8;
}
.grafiki {
width:333px;
height:400px;
float:left;
}

div.fadehover {
	position: relative;
	top:26px;
	}

img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }

img.b {
	position: absolute;
	left: 0;
	top: 0;
	}
.grafikiText {
	position: relative;
	top:290px;
}
.zobaczdemo {
width:150px;
height:45px;
background:#56bae8;
color:#fff;
text-align:center;
line-height:45px;
font-size:16px;
text-transform:uppercase;
margin-left:5px;
float:left;
text-shadow: 0px 1px 0px #676767;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.zobaczdemo:hover {
background:#4794b7;
text-decoration:none;
box-shadow: 0px 1px 2px #676767;
}
.wybieram {
width:150px;
height:45px;
background:#da6b90;
color:#fff;
text-align:center;
line-height:45px;
font-size:16px;
text-transform:uppercase;
margin-right:16px;
float:right;
text-shadow: 0px 1px 0px #676767;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wybieram:hover {
background:#b85979;
text-decoration:none;
box-shadow: 0px 1px 2px #676767;
}

.zakladam {
width:190px;
height:45px;
background:transparent url('../img/zakladam.png') top left no-repeat;
color:#fff;
text-align:center;
line-height:45px;
font-size:16px;
text-transform:uppercase;
margin-top:15px;
float:right;
}
.zakladam:hover {
background:transparent url('../img/zakladam_hover.png') top center no-repeat;
text-decoration:none;
}
#jaktodziala {
width:100%;
text-align:center;
margin-top:30px;
float:left;
}
#jaktodziala h1 {
font-size:28px;
color:#232323;
margin-bottom:30px;
margin-top:10px;
}
#jaktodziala h2 {
font-size:28px;
font-weight:normal;
color:#d46d00;
margin-bottom:10px;
}
#jaktodziala h3 {
font-size:16px;
color:#666666;
}
#jakImage {
width:1000px;
height:840px;
background:#fff url('../img/jaktodziala.jpg') top left no-repeat;
margin-bottom:20px;
text-align:center;
float:left;
}
#zobaczFilm {
width:290px;
height:97px;
background:transparent url('../img/zobacz_film.png') top left no-repeat;
margin:330px 0 0 370px;
float:left;
}
#zobaczFilm a {
width:290px;
height:97px;
float:left;
}
#cennik1 {
width:1000px;
height:265px;
background:#fff url('../img/cennik.png') top left no-repeat;
float:left;
}
#cennik2 {
width:1000px;
height:265px;
background:#fff url('../img/cennik2.png') top left no-repeat;
float:left;
}
.cennikLeft {
margin:50px 0 0 50px;
float:left;
}
.cennikLeft h2 {
font-size:42px;
color:#292929;
font-weight:bold;
}
.cennikLeft h3 {
font-size:16px;
color:#292929;
margin:0 0 0 67px;
position:relative;
top:-7px;
}
.cennikLeft a.wybieram {
margin-top:20px;
float:left;
}
.cennikLeft a.zobaczdemo {
margin-top:20px;
float:left;
}
.cennikRight {
width:600px;
margin:22px 0 0 100px;
float:left;
}
.cennikRight ul {
list-style:none;
}
#cennik1 .cennikRight ul li {
background:transparent url('../img/li_cennik1.png') top left no-repeat;
}
#cennik2 .cennikRight ul li {
background:transparent url('../img/li_cennik2.png') top left no-repeat;
}
.cennikRight ul li {
height:35px;
background:transparent url('../img/li_cennik1.png') top left no-repeat;
padding: 0 0 0 30px;
}
hr {
width:100%;
height:0px;
border:0;
border-top:1px solid #e0e0e0;
}

.zakladanieStrony {
width:475px;
background:#ffd09f;
padding:10px;
border:1px solid #fff;
font-size:16px;
font-weight:bold;
color:#d46d00;
text-align:center;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom:10px;
float:left;
}
.hr {
border-top:1px solid #cfcfcf;
border-bottom:1px solid #fff;
}
table td {
vertical-align: top;
text-align: left;
padding: 15px;
background: #fff;
border:0;
}
table td h3 {
font-size:18px;
color:#56bae8;
margin-bottom:10px;
}

.table {
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
}
.table td {
vertical-align: top;
text-align: left;
padding: 10px;
background: #fff;
border:1px solid #dbdbdb;
}
table {
width: 100%;
border-spacing: 0px;
border-collapse: separate;
}
.funkcje {
width:450px;
min-height:570px;
line-height:24px;
float:left;
}
.funkcjeLine {
width:25px;
height:470px;
background:transparent url('../img/funkcje_line.png') top left no-repeat;
margin-left:36px;
float:left;
}
.funkcje h1 {
font-size:24px;
text-align:center;
font-weight:bold;
margin-top:10px;
}
#pomoc {
margin:30px 0;
}
#pomoc h1 {
font-size:16px;
font-weight:bold;
color:#04837a;
text-transform:uppercase;
margin-bottom:20px;
}
.pomoc {
width:940px;
min-height:50px;
padding:30px;
border:1px solid #dbdbdb;
cursor:pointer;
float:left;
}
.pomoc:hover {
background:#c8fffb;
}
.pomoc.bg {
background:#c8fffb;
}
.pomoc.lastOne {
-webkit-border-bottom-left-radius: 0;
-khtml-border-radius-bottomleft: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-khtml-border-radius-bottomright: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
}
.pomocText {
width:1000px;
background:transparent url('../img/pomocnav.png') top left repeat-y;
border-left:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
display:none;
float:left;
}
.pomocLeft {
width:100px;
height:70px;
text-align:center;
line-height:70px;
float:left;
}
.pomocRight {
width:750px;
margin-left:50px;
float:left;
}
.pomocRight h2 {
font-size:18px;
font-weight:bold;
text-transform:uppercase;
}
.pborders {
border-top:0;
border-bottom:0;
}
.radiusTop {
-webkit-border-top-left-radius: 5px;
-khtml-border-radius-topleft: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-radius-topright: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
.radiusBottom {
-webkit-border-bottom-left-radius: 5px;
-khtml-border-radius-bottomleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-khtml-border-radius-bottomright: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}
.pomocNav{
width:270px;
background:#ededed;
border-right:1px solid #dfdfdf;
padding-bottom:30px;
float:left;
}
.pomocAnswers {
width:685px;
padding:20px;
float:left;
}
.tabContainer ul{
margin:0;
padding:0;
list-style:none;
}
.tabContainer li a {
width:230px;
height:35px;
background:transparent url('../img/pomoc_nav.png') top left no-repeat;
line-height:35px;
padding: 0 20px;
float:left;
text-shadow: 0 1px 0 #FFFFFF;
}
.tabContainer li a.noImage {
background-image:none;
}
.tabContainer li a.active {
background:#56bae8;
color:#fff;
text-shadow: none;
}

#zasady {
width:100%;
margin:30px 0;
float:left;
}
#zasady h1 {
font-size:22px;
margin-bottom:30px;
}
#zasady h2 {
font-size:16px;
font-weight:bold;
}
p {margin:0;}
form {
margin: 0;
}
form input, textarea {
font-family: OpenSans;
font-size: 16px;
background: #eeeeee;
color: #9e9e9e;
border: 1px solid #e2e2e2;
padding: 15px;
margin-bottom:15px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

form input.send {
width:150px;
height:45px;
padding: 0;
margin: 0;
color:#fff;
float: left;
cursor: pointer;
background:#da6b90;
color:#fff;
text-align:center;
line-height:45px;
font-size:16px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
form input.send:hover {
background:#b85979;
text-decoration:none;
box-shadow: 0px 1px 2px #676767;
}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{
-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
-moz-transition:border linear 0.2s,box-shadow linear 0.2s;
-ms-transition:border linear 0.2s,box-shadow linear 0.2s;
-o-transition:border linear 0.2s,box-shadow linear 0.2s;
transition:border linear 0.2s,box-shadow linear 0.2s;
}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{
border-color:rgba(220, 220, 220, 0.9);
outline:0;
outline:thin dotted 9;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(0, 0, 0, 0.6);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(0, 0, 0, 0.6);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(0, 0, 0, 0.6);
}
#kontakt {
width:500px;
min-height:200px;
border:1px solid #e2e2e2;
font-size:16px;
padding-top:10px;
padding-left:10px;
float:right;
}
#kontakt h2 {
font-size:20px;
font-weight:bold;
}

#map_canvas {
width:100%;
height:300px;
position:relative;
overflow:hidden;
z-index:4;
top:30px;
border-top:1px solid #dedede;
margin-top:10px;
float:left;
}


#fade {
	display: none;
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 10;
}


.popup_block{
	display: none;
	background: #eaeaea;
	padding: 20px;
	border: 10px solid #eaeaea;
	float: left;
	position: fixed;
	top: 50px; left: 30%;
	z-index: 11;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.popup_block p{
width:95%;
}
img.btn_close {
	float: right;
	margin: 0 0 0 0;
}
img.btn_close:hover {
background: transparent url('../img/close_active.png') no-repeat;
}

*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}


.form input {
background: #fff;
padding: 7px 10px;
}
form input:focus {
color: #000;
}
.form input:focus {
border-color:#5d5d5d;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.now {
text-shadow: none;
}
.shadow_top {background:transparent url('../img/shadow_top.png') no-repeat;}
.shadow_bottom {background:transparent url('../img/shadow_bottom.png') no-repeat;}
.tabContents p {line-height: 24px;text-align="justify";}
.tabContents img {text-align:center; padding: 10px;}
.big{font-size: 16px; float:left;}



#cennikGreen {
width:290px;
min-height:500px;
background:#c5edff;
border:1px solid #c4c4c4;
text-align:center;
position:relative;
z-index:5;
padding:20px 0 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 5px #c6c6c6;
-webkit-box-shadow: 0px 0px 5px #c6c6c6;
box-shadow: 0px 0px 5px 4px #C6C6C6;
float:right;
}
#cennikGrey {
width:290px;
min-height:300px;
background:#ececec;
border:1px solid #c4c4c4;
border-right:0;
padding:5px 0 0 0;
position:relative;
text-align:center;
z-index:1;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius:5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius:5px;
-moz-box-shadow: 0px 0px 5px #c6c6c6;
-webkit-box-shadow: 0px 0px 5px #c6c6c6;
box-shadow: 0px 0px 5px #c6c6c6;
margin-top:15px;
float:right;
}

#cennikGrey h2 {
font-size:38px;
color:#292929;
font-weight:bold;
}
#cennikGrey h3 {
font-size:15px;
color:#292929;
margin:0 0 0 7px;
position:relative;
top:-7px;
}
#cennikGreen h2 {
font-size:38px;
color:#292929;
font-weight:bold;
}
#cennikGreen h3 {
font-size:15px;
color:#292929;
margin:0 0 0 7px;
position:relative;
top:-7px;
}
.cennikLine {
width:100%;
height:1px;
background:#cfcfcf;
border-bottom:1px solid #fff;
float:left;
}
.cennikTxt {
width:100%;
height:40px;
font-size:16px;
color:#282828;
line-height:40px;
float:left;
}
#cennikTable {
width:417px;
margin-top:121px;
float:left;
}
.tableLine {
width:100%;
height:1px;
background:#cfcfcf;
float:left;
}
.tableTxt {
width:405px;
height:41px;
line-height:41px;
font-weight:bold;
border-left:1px solid #cfcfcf;
padding-left:10px;
float:left;
}
h1.cennik {
font-size:26px;
color:#282828;
text-align:center;
margin:10px 0 30px 0;
}

.wybieram_cennik {
width:150px;
height:45px;
background:#da6b90;
color:#fff;
text-align:center;
line-height:45px;
font-size:16px;
text-transform:uppercase;
margin: 10px 70px 0 0;
float:right;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wybieram_cennik:hover {
background:#b85979;
text-decoration:none;
box-shadow:0 1px 2px #676767;
}
.wybieram_cennik2 {
width:150px;
height:45px;
background:#56bae8;
color:#fff;
text-align:center;
line-height:45px;
font-size:16px;
text-transform:uppercase;
margin: 10px 70px 0 0;
float:right;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wybieram_cennik2:hover {
background:#4794B7;
text-decoration:none;
box-shadow:0 1px 2px #676767;
}

#popularny {
width:113px;
height:113px;
background:transparent url('../img/popularny.png') top left no-repeat;
position:absolute;
top:-5px;
right:-5px;
}
#shadowTop {
width:400px;
height:19px;
background:transparent url('../img/shadowtop.png') top left no-repeat;
float:left;
}
#shadowBottom {
width:400px;
height:19px;
background:transparent url('../img/shadowbottom.png') top left no-repeat;
float:left;
}

#loader {
width:100%;
height:100px;
text-align:center;
font-weight:bold;
background:transparent url('../img/loading.gif') bottom center no-repeat;
display:none;
float:left;
}
.errorDiv {
width:453px;
background:#df1719;
padding:3px 10px;
color:#fff;
font-weight:bold;
margin-bottom:5px;
border:1px solid #ffd4d3;
float:left;
}

#home_slider {
width:1120px;
height:250px;
float:left;
}
.center2 {
width:1120px;
margin:0 auto;
}

.pomocAnswers a {
color:#56bae8;
}
.mHeader {
width:230px;
height:27px;
background:#dfdfdf;
text-transform:uppercase;
font-weight:bold;
border-bottom:1px solid #d0d0d0;
padding: 10px 0 0 40px;
float:left;
text-shadow: 0 1px 0 #ffffff;
}
.pomocText2 {
width:1000px;
min-height:50px;
background:transparent url('../img/pomocnav.png') top left repeat-y;
border:1px solid #dbdbdb;
float:left;
}
.pomocAnswers a.bg {
text-decoration:underline;
}

#like-box-right {
display:none;
position: fixed;
top: 50px;
right: -304px; /* szerokosc wygenerowanego boxa + 4px obramowania */
-webkit-transition: right 0.5s ease-out;
-moz-transition: right 0.5s ease-out;
-o-transition: right 0.5s ease-out;
transition: right 0.5s ease-out;
z-index:100000;
}

/* wysuniecie like box'a */
#like-box-right:hover {
	right: 0px;
}
#like-box-right .outside {
	position: relative;
	z-index: 1;
	min-width: 1px;
	float: left;
}

#like-box-right .inside {
	position: relative;
	z-index: 2;
	background: #fff;
}

#like-box-right .belt {
	position: absolute;
	z-index: 0;
	left:-70px;
	top:50px;
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	width: 100px;
	height: 40px;
	padding: 7px 0px 0px 20px;
	background: #3b5999;
	color: #fff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#like-box-left {
display:none;
position: fixed;
top: 50px; /* jego polozenie od gory */
left: -304px; /* szerokosc wygenerowanego boxa + 4px obramowania */
-webkit-transition: left 0.5s ease-out;
-moz-transition: left 0.5s ease-out;
-o-transition: left 0.5s ease-out;
transition: left 0.5s ease-out;
z-index:100000;
}
#like-box-right {
display:none;
position: fixed;
top: 50px;
right: -304px; /* szerokosc wygenerowanego boxa + 4px obramowania */
-webkit-transition: right 0.5s ease-out;
-moz-transition: right 0.5s ease-out;
-o-transition: right 0.5s ease-out;
transition: right 0.5s ease-out;
z-index:100000;
}

/* wysuniecie like box'a */
#like-box-right:hover {
	right: 0px;
}
#like-box-left:hover {
left: 0px;
}

/* zewnetrzna ramka boxa */
#like-box-left .outside {
position: relative;
z-index: 1;
background: #3b5999;
padding: 2px;
min-width: 1px;
float: left;
}
#like-box-right .outside {
z-index: 1;
background: #3b5999;
padding: 2px;
min-width: 1px;
float: left;
}

/* wewnetrzne tlo boxa */
#like-box-left .inside {
position: relative;
z-index: 2;
background: #fff;
}
#like-box-right .inside {
	position: relative;
	z-index: 2;
	background: #fff;
}

/* pasek z logo FB */

/* pasek z logo FB */
#like-box-left .belt {
position: absolute;
top:0;
right: -83px;
z-index: 0;
float: left;
width:120px; /* wysokosc */
height: 33px; /* szerokosc */
padding: 7px 0px 0px 20px;
margin: 50px 0px 0px -55px;
background: transparent url('../img/facebook.png') top left no-repeat;
}

#like-box-right .belt {
position: absolute;
top:0;
left: -28px;
z-index: 0;
float: left;
width:120px; /* wysokosc */
height: 33px; /* szerokosc */
padding: 7px 0px 0px 20px;
margin: 50px 0px 0px -55px;
background: transparent url('../img/facebook.png') top left no-repeat;
}