body {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  background-color: #ebebe0;
  color: #000;
  width: 970px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
/* Logo strony */
div.page_logo {
float: left;
width: 172px;
height: 60px;
margin-top: 5px;

}
/* Banner top */
#top-banner-background {
	width: 100%;
	height: 70px;
	position: absolute;
	background-color: #fff;
	z-index: -1;
	margin-top: -8px;
	left: 0;
}
div.top-banner {
  float: left;
  width: 970px;
  height: 70px;
  background-color: #fff;
  margin-top: -8px;
}
/* index page white */
#index-page {
  float: left;
  width: 970px;
  margin-top: 0px;
  background-color: #ebebe0;
}
/* wyszukiwarka top */
div.wyszukiwarka {
  float: left;
  width: 500px;
  height: 40px;
  margin: 15px 0 0 10px;
}
div.input-img {
  float: left;
  width: 292px;
  height: 40px;

}
input.wyszukiwarka-input {
  float: left;
  width: 350px;
  height: 25px;
  margin: 6px 0 0 6px;
  padding: 1px 7px 1px 7px;
  font-size: 17px;
}
.wyszukiwarka-button {
  float: left;
  background: #F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));
  background: #F6F6F6 -moz-linear-gradient(top, white, #EFEFEF);
  border: 1px solid #CCC;
  border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
  height: 31px;
  width: 80px;
  overflow: visible;
  padding: 0px 6px;
  vertical-align: middle;
  white-space: nowrap;
  margin: 6px 0 0 -1px;
}
.wyszukiwarka-button:hover, .wyszukiwarka-button:focus {
  -webkit-box-shadow: #999 0px 0px 3px;
  -moz-box-shadow: #999 0px 0px 3px;
  box-shadow: #999 0px 0px 4px;
  background: #F3F3F3 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EBEBEB));
  background: #F3F3F3 -moz-linear-gradient(top, white, #EBEBEB);
  border-color: #999;
  outline: 0px;
}

/* menu top */
div.menu_strony {
float: left;
width: 970px;
margin-top: 10px;
}
ul#menu { /* #00b6ea - 0067af */
float: left;
height: 30px;
margin: 0;
padding: 0;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
ul#menu li {
float:left;
display: list-item;
}
ul#menu li a {
background:url('../images/menu1.png') no-repeat scroll top left;
display:block;
height:30px;
position:relative;
text-decoration: none;
}
ul#menu li a.menu-strona-glowna {
width:123px;
}
ul#menu li a.menu-filmy-wideo {
width:112px;
background-position:-123px 0px;
}
ul#menu li a.menu-zdjecia {
width:78px;
background-position:-235px 0px;
}
ul#menu li a.menu-kanaly {
width:76px;
background-position:-313px 0px;
}
ul#menu li a.menu-grupy {
width:70px;
background-position:-389px 0px;
}
ul#menu li a.menu-portal {
width:70px;
background-position:-459px 0px;
}
ul#menu li a.menu-ogloszenia {
width:105px;
background-position:-529px 0px;
}
ul#menu li a.menu-nc {
width:259px;
background-position:-634px 0px;
}
ul#menu li a.menu-przeslij {
width:77px;
background-position:-893px 0px;
}
ul#menu li a span.anim {
background:url('../images/menu1.png') no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}
ul#menu li a.menu-strona-glowna span.anim {
background-position:0px -30px;
}
ul#menu li a.menu-filmy-wideo span.anim {
background-position:-123px -30px;
}
ul#menu li a.menu-zdjecia span.anim {
background-position:-235px -30px;
}
ul#menu li a.menu-kanaly span.anim {
background-position:-313px -30px;
}
ul#menu li a.menu-grupy span.anim {
background-position:-389px -30px;
}
ul#menu li a.menu-portal span.anim {
background-position:-459px -30px;
}
ul#menu li a.menu-ogloszenia span.anim {
background-position:-529px -30px;
}
ul#menu li a.menu-nc span.anim {
background-position:-634px 0px;
}
ul#menu li a.menu-przeslij span.anim {
background-position:-893px -30px;
}
ul#menu li a span.anim:hover {
cursor:pointer;
}
span.menu-txt1 {
  position: absolute;
  height: 30px;
  margin: 5px 0 0 13px;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
}
span.menu-txt2 {
  position: absolute;
  height: 30px;
  margin: 5px 0 0 13px;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
}
#glowna-logowanie {
	float: left;
	width: 200px;
	margin-top: 30px;
}
/* nie znaleziono red banner top */
div.ntu-sg {
float: left;
width: 960px;
text-align: center;
margin-top: 10px;
padding: 5px;
background: red;
color: black;
}
div.out-sg {
float: left;
width: 960px;
text-align: center;
margin-top: 10px;
padding: 5px;
background: #00FF00;
color: black;
}
/* stopka bottom */
div.stopka {
float: left;
width: 970px;
background-color: #FFF;
margin-top: 10px;
padding-top: 30px;
}
div.stopka-bottom {
  float: left;
  width: 950px;
  border-top: 1px grey solid;
  margin-left: 10px; 
}
/* copyright */
div.copyright {
float: left;
width: 950px;
margin: 10px 0 0 10px;
padding-bottom: 50px;
}
div.copyright div {
  float: left;
  margin-right: 30px;
}
#index-left-box {
	float: left;
	width: 640px;
}
/* box najpopularniejsze zdjecia */
#zdjecia-glowna {
	float: left;
	width: 640px;
	background-color: #fff;
	margin-top: 10px;
}
div.index-zdjecia-title {
  float: left;
  width: 620px;
  margin: 10px 0 0 10px;
  padding-bottom: 5px;
  border-bottom: 1px silver solid;
}
div.index-zdjecia-img {
  float: left;
  width: 20px;
  height: 20px;
}
div.index-zdjecia-txt {
  float: left;
  width: 500px;
  margin-left: 12px;
}
div.zdjeciall {
  float: left;
  width: 650px;
  margin: 10px 0 0 10px;
}
div.zdjecia-lista-gl {
float: left;
height: 152px;
margin-right: 30px;
}
div.zdjecia-lista-z-gl {
width: 130px;
height: 86px;
border: 1px grey solid;
}
div.zdjecia-lista-z-gl a {
  text-decoration: none;
}
.img_glowna {
	border: 0;
	width: 130px;
}
.nazwa-zdjecia-gl {
width: 130px;
}
.glowna-wyswietlen-img {
	float: left;
	width: 16px;
	height: 16px;
	background: url(/images/people.png) no-repeat;
	margin-right: 6px;
}
.glowna-komentarzy-img {
	float: left;
	width: 16px;
	height: 16px;
	background: url(/images/social.png) no-repeat;
	margin-right: 6px;
}
.glowna-wyswietlen {
	float: left;
	width: 50px;
}
.glowna-komentarzy {
	float: left;
	width: 50px;
	margin-left: 20px;
}
.glowna-dodal {
	float: left;
	clear: left;
	width: 130px;
}
/* box najpopularniejsze filmy */
#filmy-glowna {
	float: left;
	width: 640px;
	background-color: #FFF;
	margin-top: 10px;
}
div.index-filmy-title {
  float: left;
  width: 620px;
  margin: 10px 0 0 10px;
  padding-bottom: 5px;
  border-bottom: 1px silver solid;
}
div.index-filmy-img {
  float: left;
  width: 20px;
  height: 20px;
}
div.index-filmy-txt {
  float: left;
  width: 500px;
  margin-left: 12px;
}
div.filmyll {
  float: left;
  width: 650px;
  margin: 10px 0 0 10px;
}
span.czas_filmu {
  float: right;
  position: absolute;
  padding: 1px 2px 1px 2px;
  margin-left: 96px;
  margin-top: 67px;
  color: white;
  font-size: 11px;
  background-color: #000;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
}
/* panel informacyjny WIADOMOSCI */

div.info-panel {
float: left;
width: 320px;
margin: 10px 0 0 10px;
background-color: #fff;
padding-bottom: 10px;
}
.info-panel-img {
float: left;
margin: 10px 0 0 10px;
width: 24px;
height: 20px;
}
.info-panel-desc {
float: left;
width: 250px;
font-size: 18px;
margin: 10px 0 0 12px;
}
.komentarz {
float: left;
width: 300px;
margin: 6px 0 0 10px;
border-top: 1px silver solid;
}
.komentarz-user-box {
float: left;
margin: 4px 0 0 10px;
width: 260px;
}
.komentarz-desc {
float: left;
margin: 8px 0 0 10px;
width: 260px;
}
#komentarz-desc-img {
	float: left;
	width: 16px;
	height: 16px;
	background: url(/images/social.png) no-repeat;
	margin-top: 8px;
}
#komentarz-user-box-img {
	float: left;
	width: 16px;
	height: 16px;
	background: url(/images/user.png) no-repeat;
	margin-top: 4px;
}
#komentarz1 {
	float: left;
	clear: left;
}
#komentarz2 {
	float: left;
	clear: left;
}
#sbox {
float: right;
width: 291px;
margin: 6px 9px 0 0;
}
/* panel statystyki */
div.statystyki-sg {
float: left;
width: 320px;
margin: 10px 0 0 10px;
background-color: #fff;
}
.statystyki-sg-img {
	float: left;
	margin: 10px 0 10px 10px;
	width: 20px;
	height: 20px;
}
div.statystyki-sg-title {
float: left;
width: 250px;
font-size: 18px;
margin: 10px 0 10px 12px;
}
div.statl-sg {
float: left;
width: 24px;
height: 24px;
}
div.statp-sg {
float: left;
width: 257px;
margin: 4px 0 0 10px;
}
div.stat-sg {
float: left;
width: 300px;
margin-left: 10px;
border-top: 1px solid grey;
padding: 10px 0 10px 0;
}
/* kolorystyka odnosnikow */
a:link {
	color: #004DFF;
	text-decoration: none;
}

a:visited {
	color: #004DFF;
	text-decoration: none;
}

a:active {
	color: #004DFF;
	text-decoration: none;
}

a:hover {
	color: #004DFF;
	text-decoration: underline;
}
/* zdjecia scc */
div.prawa-s-up {
  float: left;
  width: 800px;
  margin: 10px 0 0 10px;
  background-color: #fff;
}
div.opcje-wyswietlania {
  float: left;
  width: 800px;
}
div.opcje-wyswietlania a {
  text-decoration: none;
  color: black;
}
div.ow-n, .ow-nog, .ow-noc {
  float: left;
  padding: 5px 20px 5px 20px;
}
#lista-zdjecia-box {
	float: left;
	width: 820px;
	margin: 10px 0 0 10px;
}
div.zdjecia-lista {
	float: left;
	height: 152px;
	margin-right: 30px;
}
button {
  background: #F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));
  background: #F6F6F6 -moz-linear-gradient(top, white, #EFEFEF);
  border: 1px solid #CCC;
  border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
  height: 26px;
  overflow: visible;
  padding: 0px 6px;
  vertical-align: middle;
  white-space: nowrap;
}
button:hover, button:focus {
  -webkit-box-shadow: #999 0px 0px 3px;
  -moz-box-shadow: #999 0px 0px 3px;
  box-shadow: #999 0px 0px 4px;
  background: #F3F3F3 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EBEBEB));
  background: #F3F3F3 -moz-linear-gradient(top, white, #EBEBEB);
  border-color: #999;
  outline: 0px;
}
div.zdjecia-lista-z {
  width: 130px;
  height: 86px;
  border: 1px grey solid;
}
div.zdjecia-lista-z a {
  text-decoration: none;
}
.img_lista {
	bolder: 0px;
	width: 130px;
}
.nazwa-zdjecia-lista {
	width: 130px;
}
.lista-wyswietlen-img {
	float: left;
	width: 16px;
	height: 16px;
	background: url(/images/people.png) no-repeat;
	margin-right: 6px;
}
.lista-komentarzy-img {
	float: left;
	width: 16px;
	height: 16px;
	background: url(/images/social.png) no-repeat;
	margin-right: 6px;
}
.lista-wyswietlen {
	float: left;
	width: 50px;
}
.lista-komentarzy {
	float: left;
	width: 50px;
	margin-left: 20px;
}
.lista-dodal {
	float: left;
	clear: left;
	width: 130px;
}

/******************************/

#lewa-s-up {
	float: left;
	width: 160px;
	margin-top: 10px;
}
div.kategoria-lista {
  float: left;
  width: 160px;
	background-color: #fff;
}
div.kategoria-lista p {
  float: left;
  margin: 0 0 0 0;
}
div.kategoria-lista p a {
  float: left;
  padding: 5px 0 5px 20px;
  width: 140px;
  color: #000;
  font-size: 14px;
  border-bottom: 1px #F6F6F6 solid;
}
div.kategoria-lista p a:hover {
  background: #F2F2F2;
  text-decoration: none;
}
#current {
  background-color: #FFFFFF;
}
div.nawigacja-p {
  float: left;
  width: 780px;
  margin: 20px 0 10px 10px;
  border-top: 1px silver solid;
  padding-top: 10px;
}
div.nawigacja-p a {
  float: left;
  margin-right: 3px;
}
div.nawigacja-p span {
  float: left;
  margin-right: 3px;
}
.nawigacja-p button {
	padding: 0 16px 0 16px !important;
}

/* view css */

div.zdjecie-title {
  float: left;
  width: 970px;
  font-size: 20px;
  font-weight: bold;
  margin: 5px 0 5px 0;
}
div#image {
  float: left;
  width: 640px;
  height: 360px;
  background-color: #fff;
}
div#image img {
  height: 100%;
  max-width: 640px;
  display: block;
  margin: 0 auto;
}
div.loading {
  width: 640px;
  background: url(../images/box_load.gif) no-repeat center center;
}
div#odtwarzacz {
  float: left;
  width: 640px;
  height: 384px;
}
#video {
	float: left;
	width: 640px;
	height:360px;
	background-color: #000;
}

#right-side {
  float: left;
  margin-left: 10px;
  width: 320px;
  background-color: #fff;
}
#left-side {
	float: left;
	width: 640px;
}
#zdjecie-usera {
  float: left;
  width: 48px;
  height: 48px;
  margin: 10px 0 0 10px;
}
#zdjecie-usera img {
	width: 48px;
	height: 48px;
}
#zdjecie-usera-link {
	float: left;
	color: black;
	font-size: 15px;
	margin: 10px 0 0 10px;
}
#przyciski {
	float: left;
	clear: left;
	width: 300px;
	margin: 10px 0 0 10px;
}
#przyciski div {
	float: left;
	
}
#profil-usera-box {
	float: left;
	width: 640px;
	height: 120px;
	background-color: #fff;
	margin-top: 10px;
}
#profil-usera {
	float: left;
	width: 440px;
}
#oceny-wyswietlenia {
  float: left;
  width: 200px;
}
#lapki {
	float: right;
	clear: right;
	margin: 6px 10px 0 0;
}
#zdjecie-views {
  float: right;
  clear: right;
  margin:25px 10px 0 0;
  font-size: 18px;
  font-weight: bold;
  color: grey;
}
.like {
	float: left;
	margin-right: 6px;
}
.dislike {
	float: left;
}
#suma-ocen {
	float: right;
	clear: right;
	width: 200px;
	margin: 12px 10px 0 0;
}
#oceny-text {
	float: right;
	clear: right;
	width: 250px;
	margin-top: 6px;
	font-weight: bold;
	color: grey;
}
#tresc-info {
	float: left;
	width: 640px;
	margin-top: 10px;
	background-color: #fff;
	padding-bottom: 10px;
}
#opublikowany {
	float: left;
	margin: 10px 0 0 10px;
	font-weight: bold;	
}
#opis-tresci {
	float: left;
	clear: left;
	margin-left: 10px;
}
.ulubione, .udostepnij {
  margin-right: 4px;
}
.zglos {
  margin-right: 14px;
}
div.get_box {
  float: left;
  width: 620px;
  padding: 9px;
  display: none;
  margin: 0 0 14px 0;
  border: 1px silver solid;
}
img.img-like, img.img-dislike {
  vertical-align: middle;
}
span.span-like {
  vertical-align: middle;
  margin-left: 8px;
  color: grey;
  font-size: 11px;
}
#resize-image-b {
  display: none;
}
div.zdjecie-ocena {
  float: left;
}

div.komentarze-bg {
  float: left;
  width: 640px;
  margin-top: 10px;
  background-color: #fff;
}
div.komentarze {
  float: left;
  width: 620px;
  margin: 0 0 5px 10px;
  border-top: 1px grey solid;
}
div.komentarze-color {
  float: left;
  width: 620px;
  background-color: #FFFFCC;
}
div.komentarze-color0 {
  float: left;
  width: 620px;
}
span.ilosc-kom {
  float: left;
  font-weight: bold;
}
form.komentarze-form {
  display: none;
}
div.komentarz-user {
  width: 620px;
  margin-left: 10px;
}
p.komentarz-usera {
  width: 500px;
  padding: 0 0 0 10px;
}
div.dodaj-komentarz {
float: left;
width: 340px;
margin: 10px 0 0 10px;
}
#countChars {
  float: right;
}
#click {
  color: grey;
}
div.komentarz-logowanie {
margin: 10px 0 10px 10px;
float: left;
width: 592px;
font-size: 15px;
}
div.podobne-zdjecia {
  float: right;
  width: 300px;
  margin: 0 10px 10px 0;
}
div.zdjecia-uzytkownika {
  float: right;
  width: 300px;
  margin: 20px 9px 0px 0;
  padding-bottom: 10px;
  border-bottom: 1px silver solid;
}
p.zobacz-wszystkie {
  text-align: center;
}
a.zdjecie-user-hide {
  display: none;
}
div.podobne-title-zd {
  float: left;
  width: 300px;
  margin: 0 0 0 20px;
}
div.podobne-frame-zd {
  float: left;
  width: 300px;
  margin-top: 10px;
}
div.podobne-box {
  float: left;
  width: 300px;
  height: 88px;
  margin: 2px 0 2px 0;
}
div.podobne-frame-img {
  float: left;
  width: 120px;
  height: 79px;
  margin: 4px 0 4px 4px;
  -webkit-box-shadow: #000 0px 0px 6px;
  -moz-box-shadow: #000 0px 0px 8px;
  box-shadow: #000 0px 0px 8px;
}
div.podobne-frame-img img {
  border: 0;
  width: 120px;
  height: 79px;
}
div.podobne-frame-title {
  float: left;
  width: 170px;
  height: 88px;
  margin: 5px 0 5px 6px;
}
p.nazwa-zdjecia-pod, p.lw-zdjecia-pod, p.d-zdjecie-pod {
  margin: 0px;
  width: 130px;
  white-space: pre-wrap;
}
.light {
  background: #DFF4FF !important;
}
/*logowanie css*/

div.panel-logowania {
float: left;
width: 970px;
margin-top: 10px;
background-color: #fff;
}
#logowanie-box {
	float: left;
	width: 500px;
	margin: 10px;
}
input.logowanie-input {
width: 250px;
}
span.log-l {
float: left;
width: 110px;
margin-right: 10px;
text-align: right;
}
span.log-p {
text-align: left;
}
div.login-button {
float: right;
}
div.logowanie {
width: 300px;
color: red;
}
#logowanie-text {
	float: left;
	clear: left;
	font-weight: bold;
	font-size: 20px;
}
.log-box {
	float: left;
	clear: left;
}


/*rejestracja css*/
div.rejestracja-info {
float: right;
}
div.rejestracja {
float: left;
width: 450px;
margin-top: 20px;
padding: 9px;
}
div.box {
}
input.rejestracja-input {
width: 250px;
}
span.reg-l {
float: left;
width: 110px;
margin-right: 10px;
text-align: right;
}
span.reg-p {
text-align: left;
}
div.register-button {
float: right;
}
ul.rejestracja {
width: 300px;
color: red;
}
/*profil css*/
div.user-info-profil {
float: left;
width: 300px;
margin-top: 20px;
padding: 9px;
}
div.rejestracja-konta {
float: left;
margin-top: 20px;
margin-bottom: 20px;
padding: 9px;
}
/*aktywacja konta */
div.aktywacja-konta {
float: left;
margin-top: 20px;
margin-bottom: 20px;
padding: 9px;
}
/************************************/
span.small-word {
font-size: 11px;
}
span.small-word-green {
font-size: 11px;
font-weight: bold;
color: #006600;
}
span.md-word {
font-size: 16px
}
span.mdb-word {
font-size: 16px;
font-weight: bold;
}
span.mdb14-word {
font-size: 14px;
font-weight: bold;
}
span.bg-word-orange {
font-size: 18px;
color: #FF6633;
}
span.bg-word {
font-size: 18px;
}
span.bold, p.bold {
font-weight: bold;
}
span.justify {
text-align: justify;
}
ul.bold {
font-weight: bold;
}
span.red_color {
color: red;
}
span.grey_color {
color: grey;
}
span.green {
  color: green;
}
#reklama160x600 {
	float: left;
	width: 160px;
	height: 600px;
	margin-top: 10px;
}

