/*
Copyright © 2009 justpic.net. All rights reserved 

*/

/* === Page main === */

body {
	margin: 0px 0px 30px 0px;
    background-color: #F5F6F7;
    font-size: 14px;
    font-family: Tahoma, regular;
    color: black; 
}

img {
	border:	none; 
}
 
a {
	color: #336666;
	text-decoration: none;
	outline: none;
} 

hr {
	border-top: 1px dashed #33CCFF;
	border-width: 1px 0 0 0px;
}

#menu {
	width: 915px; 
	margin: auto;
}	

.lang {
	float: right;
	margin-right: 8px;
	font: 12px Tahoma;
	color: #6CA875;	
}

#gora {
	background-image: url(../img/gora.png);
	background-repeat: repeat-x;
	height: 114px;
}

#stopka {
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/stopka.png);
	background-repeat: no-repeat;
	width: 880px;
	height: 28px;
	color: white;
	font: 14px Arial;
	padding: 10px 15px 5px 15px;
	
}

#stopka a {
	color: white;
	text-decoration: none;
}

#stopka a:hover {
	color: white;
	text-decoration: underline;
}

.stopka1 {
	float: left;
	width: 390px;
}

.stopka2 {
	float: right;
}

#page {
	width: 875px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background-image: url(../img/page.png);
	background-repeat: repeat-y;
}

#page1 {
	background-image: url(../img/page1.png);
	background-repeat: no-repeat;
	width: 915px;
	margin-left: auto;
	margin-right: auto;
	height: 9px;
	margin-top: 20px;
}

#page2 {
	background-image: url(../img/page2.png);
	background-repeat: no-repeat;
	width: 915px;
	margin-left: auto;
	margin-right: auto;
	height: 8px;
	margin-bottom: 20px;
}

.gora2 {
	width: 915px;
	margin-left: auto;
	margin-right: auto;
}

.left {
	float: left;
	width: 380px;
	height: 250px;
}

.right {
	float: left;
	width: 440px;
}
.clear {
	clear: both;
}
h1 {
	color: green;
	font: 18px Arial;
}

.logo {
	width: 119px;
	height: 41px;
	margin-top: 0px; /* 15 before */
	margin-left: 10px;
	float: left;
}

.btn1, .btn2, .btn3 {
	display: block;
	width: 90px;
	height: 20px;
	margin-left: 12px;
	margin-top: 18px; /* 35 before */
	float: left;
}

.btn1 {
	margin-left: 70px;
	background-image: url(../img/btn1.png);
	background-repeat: no-repeat;
}

.btn2 {
	background-image: url(../img/btn2.png);
	background-repeat: no-repeat;
}

.btn3 {
	background-image: url(../img/btn3.png);
	background-repeat: no-repeat;
}

.flags {
	float: left;
}

.d1 {
	float: left;
	line-height: 24px;
	margin-right: 5px;
}

.d2 {
	margin-top: 5px;
	float: left;
}
.d3 {
	float: left;
	width: 310px;
}

.form {
	font-size: 12px;
	margin-top: 15px;
}
.pol {
	background-image: url(../img/polech.png);
	border: 1px red solid;
}

.s1 {
	color: #6CB675;
	float: left;
	margin-top: 8px;
	margin-bottom: 8px;
}
.s2 {
	color: #D2070D;
	float: left;
	margin-top: 8px;
	margin-bottom: 8px;
}
.butony a {
	color: #0F881E;
	font: bold 16px Arial;
	margin-top: 15px;
	text-decoration: none;
}

.butony a:hover {
	color: #0F881E;
	font: bold 16px Arial;
	margin-top: 15px;
	text-decoration: underline;
}
.buton {
	width: 102px;
	height: 40px;
	margin-left: 220px;
	margin-top: 5px;
}

.inpup {
	margin-left: 2px;
}

.inpup2, .inpup4 {
	margin-left: 11px;
}

.inpup3 {
	margin-left: 24px;
}

#headerNav { 
	margin-top: -10px;
	color: #E0E0E0;
}

#headerNav div { 
	background: url('../img/menu-sprites-3-trzy-menu-kopia.png') 0 -62px no-repeat; 
	margin: auto; 
	padding: 0;
    width: 915px;
	height: 31px;
}

#topMenu {
	background: url('../img/menu-sprites-3-trzy-menu-kopia.png') 915px -82px no-repeat; 
	padding: 0 0 0 28px; 
	float: left;
	list-style: none;
}

#topMenu li { 
	float: left; 
}

#topMenu li a {
	display: block;
	height: 31px;
	background: url('../img/menu-sprites-3-trzy-menu-kopia.png') 0 0px no-repeat;
	margin-top: -14px;
}

#topMenu #ico7 a { width: 70px;  background-position: -20px 0; }
#topMenu #ico6 a { width: 77px; background-position: -92px 0; }
#topMenu #ico5 a { width: 63px;  background-position: -169px 0; }
#topMenu #ico4 a { width: 87px;  background-position: -232px 0; }
#topMenu #ico3 a { width: 77px; background-position: -319px 0; }
#topMenu #ico2 a { width: 114px;  background-position: -396px 0; }

#topMenu #ico7 a:hover { background-position: -20px  -31px; }
#topMenu #ico6 a:hover { background-position: -92px -31px; }
#topMenu #ico5 a:hover { background-position: -169px -31px; }
#topMenu #ico4 a:hover { background-position: -232px -31px; }
#topMenu #ico3 a:hover { background-position: -319px -31px; }
#topMenu #ico2 a:hover { background-position: -396px -31px; }
#topMenu li a span { display: none; }

.szukaj, .szukaj2 {
	border: 1px dotted rgb(213, 213, 213);
	width: 144px;	
	margin-top: 5px;
	margin-left: 8px;
	padding-left: 3px;
	padding-right: 3px;
}
.szukaj2 {
	margin-left: 158px;
}


.przszukaj {
	background-image: url(../img/szukprz.png);
	background-repeat: no-repeat;
	width: 55px;
	height: 20px;
	border: 0px;
	margin-right: 10px;
}

.plogin {
	float: left;
	margin-top: 13px; /* 30 before */
	margin-left: 90px;
	color: #19A1D1;
	font: bold 12px Arial; 
}

.plogin2 {
	float: left;
	margin-left: 200px;
	margin-top: 13px;
	color: #19A1D1;
	font: bold 12px Arial; 
}

.gg {
	width: 100%;
	height: 40px;
}

a.lj {
	margin-left: 7px;
	color: rgb(123, 170, 248);
}

a:hover.lj {
	color: red;
	text-decoration: underline;
}

.pl {
	background-image: url(../img/plogin.png);
	background-repeat: no-repeat;
	width: 130px;
	height: 20px;
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	border: 0px;
}

.signout {
	float: left;
	margin-left: 5px;
	margin-top: 45px;
}

.psign {
	background-image: url(../img/sign.png);
	background-repeat: no-repeat;
	width: 62px;
	height: 22px;
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	border: 0px;
}

.loginput {
	border: 1px solid rgb(213, 213, 213); 
	background-color: rgb(244, 244, 244);
	width: 110px;
}

.join {
	background-image: url(../img/join.png);
	background-repeat: no-repeat;
	width: 64px;
	height: 22px;
	display: block;
	float: left;
	margin-left: 85px;
}

.fa {
	font-style: italic;
	margin-left: 250px;
	color: #19A1D1;
	text-decoration: none;
}
.sout {
	background-image: url(../img/sign2.png);
	background-repeat: no-repeat;
	width: 60px;
	height: 22px;
	display: block;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}
.forma {
	margin-top: -30px;
	float: left;
	color: white;	
}

.forma2 {
	margin-top: -30px;
	float: left;
	margin-left: 36px;
	color: white;
}

/* === Page images, popular, random === */

#content {
	width: 915px;
	margin: 10px auto 10px auto;
	text-align: left;
}

.claslink  {
	margin-top: 10px;
	float: left;
	width: 100%;
}

.cpt {	
	background-image: url(../img/images.gif);
	background-repeat: no-repeat;
	width: 47px;
	height: 38px;
	float: left;
}

ul.link {
	margin-left: 100px;
	height: 2.4em;
	margin: .6em 0 0; 
	
}
 
ul.link li { 
	display: inline; 
	line-height: 1; 
	
}

ul.link li a { 
	float: left; 
	display: block; 
	width: auto; 
	text-decoration: underline; 
	font-weight: bold; 
	color: #369; 
	
}
ul.link li a span { 
	display: block; 
	padding: 5px; 
}

ul.link li a:hover { 
	color: red; 
	text-decoration: none;
	text-shadow: 0 1px 1px #fff; 
}
	
h1.mainh {
	text-align: center;
	margin-top: 15px;
	color: green;
}

/* === Page register === */

#topleft {
	width: 600px;
	float: left;
	margin-top: 10px;
}

#topright {
	float: right;
	margin-right: 32px;
	margin-top: -15px;
	COLOR: #808080;
	FONT-SIZE: 12px	
}

.inputsername {
	margin-left: 57px;
	width: 175px;
}

.inputpassword {
	margin-left: 60px;
	width: 175px;
}

.inputconfpass {
	margin-left: 8px;
	width: 175px;
}

.inputemail {
	margin-left: 87px;
	width: 175px;
}

.joinnow {
	background-image: url(../img/joinnow.png);
	background-repeat: no-repeat;
	width: 119px;
	height: 40px;	
	border: 0px;
}

.divjoin {
	margin-left: 125px;
	margin-top: 20px;
}

/* === Page login === */

.logleft {
	float: left;
	margin-top: 10px;
}

.inputusername2 {
	margin-left: 11px;
	width: 175px;
}

.inputpassword2 {
	margin-left: 14px;
	width: 175px;
}

.loginnow {
	background-image: url(../img/login.png);
	background-repeat: no-repeat;
	width: 119px;
	height: 40px;	
	border: 0px;
}

.divlogin {
	margin: 28px 0px 10px 78px;
}

/* === Page show pic === */

.cent {
	margin: 0 0 0 0px;
	text-align: center;
}

.showads {
	float: left;
	width: 395px; 
	border-right: #33CCFF 2px solid; 
	margin-top: 35px;
	margin-left: 20px;	
	margin-right: 20px
}

.codes {
	float: right;
	margin-right: 15px;
}

.codes h1 {
	font-family: System;
	font-size: 19px;
	color: green;	
}

.codes label {
	font-size: 12px;
}

.codes input, #link, #html, #bbcode, #htmlthumb, #bbcodethumb, #url {
	width: 383px;
}

/* === Page upload === */

.imgcent {
	margin: 0 0 0 0px;
	text-align: center;
}
/* === Page myaccount, myfavourites, mygalleries, myimages, gallery === */

.centh1 {
	text-align: center;
}

.changpass {
	font-size: 12px;
	font-family: Verdana;
	color: #003338;
}

.galcent {
	text-align: center;
}

/* === messages ==== */

.messages {
	width: 890px;
	text-align: left;
	margin: 0 auto;
	font-family: Tahoma,Verdana,sans-serif;
	font-size: 12px;
}
.error {
	color: #e55;
}
div.error {
	border: 1px solid #d77;
}
div.error {
	background: #fcc;
	color: #200;
	padding: 2px;
}
div.error{
	background: url(../img/m/error.png) no-repeat 5px center #FFCCCC;
	padding-left: 30px;
}
.ok{
	color: #008000;
}
div.ok{
	border: 1px solid #00aa00;
}
div.ok {
	background: #dfd;
	color: #020;
	padding: 2px;
}
div.ok{
	background: url(../img/m/ok.png) no-repeat 5px center #edffe5;
	padding: 2px 2px 2px 30px;
	border: solid 1px #81a636;
	color: #222200;
}
.warning {
	color: #e09010;
}
div.warning {
	border: 1px solid #f0c020;
}
div.warning{
	background: url(http://www.netsales.pl/sites/all/themes/netsales/img/img-warning.gif) no-repeat 5px center #FFFFDD;
	border: 1px solid #F0C020;
	padding-left: 30px;
}

/* === back, next page === */

.pback {
	display:inline;
	margin-left: 405px;
	float: left;
	width: 14px;
	height: 24px;
}

.pnext {
	display:inline;
	margin-right: 405px;
	float: right;
	width: 14px;
	height: 24px;
}

/* === thumbnail of images - images, popular, random, etc === */

.browse {
	margin: auto; 
}

.browse ul {
	margin: 12px auto 5px auto; 
	overflow: hidden; 
}

.browse ul li { 
	display: inline; 
	float: left; 
	position: relative; 
	width: 157px; 
	height: 173px; 
	margin: 0 8px 18px 4px; 
	overflow: hidden; 
	text-align: center;
}

.browse img { 
	border: 2px solid #33CCFF 
}

/* === script ===*/

.online {
	text-align: center;
}

/* === ads === */

.hotptp { 
	text-align: center;
}

.showpicAdTop {
	text-align: center;
}