body {
background: url(../images/bg.png) center top #f8f8f8;
background-repeat:repeat-x;
color:#4F4F4F;
font-family: arial,helvetica,clean,sans-serif;
font-size:9pt;
margin:auto;
padding:0;
width:100%;
}
html { height: 100%; }
h2, h1, h3, h4, h5, p, li, ul, form  {
margin: 0;
padding: 0 }
img {
border: none;
}
a {
color: #469F09;
text-decoration: none;
}
 a:hover {
color: #65CA1F;
}
.end {
clear: both;
}
#note {
background:none repeat scroll 0 0 #DEDEDE;
width:100%;
margin: auto;
text-align: center;
}
#container {
position: relative;
width:100%;
margin: auto;
text-align: center;
}

#main {
	background:url("../images/bg.png") repeat-x scroll center 1px #DEDEDE;
	margin:auto;
	position:absolute;
	text-align:center;
	top:0;
	width:100%;
}
#extraDivHead {
	background:url("../images/parka.png") no-repeat scroll center top transparent;
	height:163px;
	left:30px;
	margin:auto;
	position:absolute;
	text-align:center;
	top:-3px;
	width:204px;
	z-index:20;
}
#header {
	background:url(../images/top_mylog.jpg) no-repeat 1px center;
	height:170px;
	margin:auto;
	text-align:center;
	width:997px;
	position:relative;
}
#mainSite span {
	display: none;
}
#mainSite a{
	position: absolute;
	right: 25px;
	top:-0px;
	width: 69px;
	height: 95px;
}
#wrapper {
position: relative;
background: #DEDEDE;
}
#right {
padding:4px;
position:absolute;
right:0;
top:170px;
background: #DEDEDE;

}

.section {
margin: auto;
text-align: center;
width: 100%;
}
.sector{
margin: auto;
text-align: center;
width: 990px;
}
/* Sekcja User */
#banner {
text-align: left;
width: 800px;
}
#user {
padding:5px 0px;
background: url(../images/bg-1.png) #dedede bottom center repeat-x;
}
#userLeft {
margin-top: 10px;
text-align: left;
float: left;
width:530px;
margin-right: 10px;
}
#userRight {

margin: auto;
margin-top: 10px;
text-align: center;
float: left;
width:350px;

}


#userAvatar {
float:left;
margin:0 4px;
width:100px;
}
#userMenu ul {
float:left;
width:400px;
}

#userMenu li {
background:url("../images/dot3.png") no-repeat scroll 7px 7px transparent;
display:block;
padding:2px 2px 2px 16px;
text-align:left;
}
#allmysite {clear: both;}
#userMenu li a{
text-shadow:1px 1px 1px #fff;
}

/* Sekcja Portal */
#portal {
padding:0px;
background: #e9e9e9 bottom ;

}
#portalLeft {
text-align: left;
float: left;
width:530px;
}
#portalRight {
margin: auto;
text-align: center;
float: left;
width:350px;
}



/* Prezentacja */
.presentationBox {
background:none repeat scroll 0 0 #eee;
border:1px solid #CFCFCF;
-moz-border-radius:10px;
float: left;
width: 190px;
height: 160px;
margin-left: 10px;
padding: 10px;
margin-bottom: 10px;
}
.presentationBox  h3 {
border-bottom:1px solid #3F3F3F;

clear:both;
font-family:Arial,Helvetica,Geneva,sans-serif;
font-size:12px;
font-variant:small-caps;
line-height:20px;
margin:0px 0 5px 0;
text-align:left;
vertical-align:text-top;
font-weight: lighter;
color: #4F4F4F;


}
.presentationBox p {
font-size:80%;
}

/* Sekcja Users */
#users {
background: url(../images/bg-2.png) top center repeat-x #DEDEDE;
padding: 10px 0px;
}
#usersLeft {
text-align: left;
float: left;
width:560px;
}
#usersRight {
margin: auto;
text-align: center;
float: left;
width:320px;
height: 280px;
overflow: hidden;
}
#new, #online {
text-align: left;
float: left;
width:275px;
}

#userAvatar {
background:none repeat scroll 0 0 #E9E9E9;
border:1px solid #CFCFCF;
-moz-border-radius:6px;


padding: 6px;
}
#userAvatar p{
text-align: center;
margin-top: 4px;
}
#allmysite {
background:url("../images/hr-bottom.png") repeat-x scroll left top transparent;
padding:5px 5px;
margin-top:5px;
}

#allmysite a{
background:url("../images/dot1.png") no-repeat scroll right 50% transparent;
padding-right: 8px;
height:50px;
display: block;
float: left;

margin:5px 5px 10px 0px;
}

#allmysite a:last-child  {
	background: none;
	padding-bottom:0px;
	
}


#pack {
background:none repeat scroll 0 0 #eee;
border:1px solid #CFCFCF;
-moz-border-radius:10px;

width: 220px;
padding: 10px;
}

input  {
background:none repeat scroll 0 0 #1F1F1F;
border:1px solid #2F2F2F;
-moz-border-radius:3px 3px 3px 3px;
color:#AFAFAF;
font-size:12px;
padding:2px;
}






.box h3, .sector h3  {
border-bottom:1px solid #BFBFBF;

clear:both;
font-family:Arial,Helvetica,Geneva,sans-serif;
font-size:14px;
font-variant:small-caps;
letter-spacing:2px;
line-height:20px;
margin:10px 0;
padding-top:0;
text-align:left;
vertical-align:text-top;
font-weight: lighter;
color: #4F4F4F;
width: 90%;
}
#forumTopic.box h3 {
border-bottom:1px solid #CFCFCF !important;
}
.box h3 a {
color: #4F4F4F;
}

#recommendedImg h3, #recommendedPosts h3, #recommendedChapter h3 {
text-align: left;
color: #6F5137;
margin-bottom: 23px;}

#recommendedPosts a, #recommendedChapter a {color: #1F1F1F;}
#recommendedPosts p a, #recommendedChapter p a {color: #1F1F1F;}


/* Polecane */
#recommended {
width: 100%;
position: relative;
background: url(../images/hr-bottom.png) repeat-x left bottom;
padding-bottom:10px;
}
#recommendedImg {
width: 400px;
height: 200px;
float: left;
}
#recoImgContainer {
width: 400px;
float: left;
margin-right: 10px;
background: url(../images/RecImgBg.png) no-repeat left bottom;
}
#recommendedPosts, #recommendedChapter {
width:235px;
float: left;
}
#recommendedPosts {
margin-left:8px;
}
#recoImgContainer {
width: 400px;
height: 200px;

}
#recIMG {
position: absolute;
display: block;
width: 400px;
height: 200px;
z-index: 10;
}
#recIMG span{
display: none;
}
#recoImgContainer p{
position: relative;
top: 130px;
right: 0px;
z-index: 20;
background: url(../images/RecImgBgtrans.png)  right top no-repeat;
text-align: right;
padding-bottom:12px;
padding-right:10px;
padding-top:10px;
margin-left: 30px;
}

#recoPostsContainer {
text-align: left;
}

#recoPostsContainer  li , #recoChapterContainer  li {
display:block;
text-align:left;
background:transparent url(../images/rechr.png) no-repeat scroll left bottom;
padding-bottom:28px;
margin-top:-22px;
}

#recommendedPosts p, #recommendedChapter p {
padding-right:20px;
text-align:right;
font-size:11px;
}

#recoPostsContainer  li:last-child, #recoChapterContainer  li:last-child  {
	background: none;
	padding-bottom:0px;
}



#recoPostsContainer  li a, #recoChapterContainer  li a{
background:url("../images/dot3.png") no-repeat scroll 7px 7px transparent;
display:block;
padding:2px 2px 2px 15px;
text-align:left;
}

#recoPostsContainer  li p a, #recoChapterContainer  li p a {
background:none;
display:inline;
font-style: italic;
text-align:left;
font-size:10px;
}

/*Linki nawigacji*/



#header li a {
color:#b6b6b6;
text-align: center;
}
#header li a:hover {
color: #65CA1F;

text-align: center;
}
#header li {
display:inline;
margin-right: 10px;
padding-left: 10px;
background:url("../images/dot1.png") no-repeat scroll left 50% transparent;

}
#header ul {
margin-left:400px;
position:absolute;
text-align:left;
padding: 5px 0;
border-bottom: #4F4F4F 1px solid;
top:124px;
z-index:3;
font-family:Tahoma,"Times New Roman",Times,serif;
}

















#quickLink li a {
color:#b6b6b6;
text-align: center;
}
#quickLink li a:hover {
color: #65CA1F;

text-align: center;
}
#quickLink li {
display:inline;
margin-right: 10px;
padding-left: 10px;
background:url("../images/dot1.png") no-repeat scroll left 50% transparent;

}
#quickLink ul {
margin-left:500px;
}
#quickLink {
background:url("../images/transparent_bg.png") repeat scroll left bottom transparent;
width: 100%;
margin:auto;
position:absolute;
text-align:left;
padding: 5px 0;
border-bottom: #4F4F4F 1px solid;
top:124px;
z-index:2;
font-family:Tahoma,"Times New Roman",Times,serif;
}

.menu span{
padding-left: 7px;
background-repeat:no-repeat;
background-position: left top;
}


#pomoc {width: 100px !important;}
#forum {width: 100px !important;}
#portals {width: 140px !important;}
#changeskin {width: 140px !important;}
#form, #form a {
color:#b6b6b6;
}

#loginInfo {
display: block; 
width: 16px;
height: 16px;
float: left;
background-image: url(/../images/info.png);

}
#loginForm {
margin-bottom: 10px;
}
#form{
text-align: right;
position: relative;
right: 96px;
}
#form p {
position: relative;
top: 4px;
width: 17px;
display: inline;
margin-top: 4px;
}
#witaj {
margin-right: 39px;
}
#username, #password {
width: 100px;
}

 #userMenu select{
 	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	border: 1px solid #BFBFBF;
	font-size:12px;
	padding:2px 2px;
	color: #333;
	background: #EFEFEF;
	}



#form input:focus { background: #545454;  }



#forumTopic li {
background:transparent url(../images/dot3.png) no-repeat 0px 8px;
display:inline;
float:left;
margin-left:6px;
padding:2px;
text-align:left;
width:45%;
padding-left: 9px;
height: 15px;
overflow: hidden;
}
#forumTopic li a{
color:#1F1F1F;
}
#userStatus li {
background:transparent url(../images/status.png) no-repeat 0px 5px;
display:inline;
float:left;
margin-left:6px;

text-align:left;
width:92%;
padding-left: 16px;
}




#footer {
border-top: 1px solid ##4F4F4F;
background: url(../images/footer.png)  repeat-x top center;
position: relative;
bottom: 0px;
clear: both;
text-decoration: none;
font-family: Arial;
font-size: 10pt;
padding-top: 50px;
}
#footerMain {
background: url(../images/panel_bg.png)  repeat top center;

}
#footerContainer {
position: relative;
width: 997px;
margin: auto;
text-align: center;
}
#footNavi,  #footNavi{
width: 150px;
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
#footer li{
padding: 2px;
text-align: left;
display: block;
background:url("../images/dot2.png") no-repeat scroll left 50% transparent;
padding-left: 16px;
}

#footer a {
color: #9F9F9F;
}
#footerMenu {
width: 350px;
float: left;
}
#about {
text-align: left;
width: 550px;
float: left;
padding-left: 20px;
}
#about h2{
font-family: "Trebuchet MS",verdana,sans-serif;
font-size: 14pt;
}







#footNavi h3 {
border-bottom:1px solid #3F3F3F;

clear:both;
font-family:Arial,Helvetica,Geneva,sans-serif;
font-size:14px;
font-variant:small-caps;
letter-spacing:2px;
line-height:20px;
margin:0px 0 5px 0;
padding-top:0;
text-align:left;
vertical-align:text-top;
font-weight: lighter;
color: #4F4F4F;
width: 90%;


}


/* Lista serwisow */
#servList {
width: 98%;
margin: auto;
text-align: center;
}
.ServBox {
background:#474646 none repeat scroll 0 0;
border:1px solid #1C1C1C;
padding:6px;
width: 48%;
float: left;
height: 101px;
margin: auto;
text-align: center;
margin-bottom: 5px;
position: relative;
}
#servList .left {
margin-right: 5px;
}
.ServBox h4, .ServBox h5, .ServBox p {
text-align: left;
}
.ServBox img {
float: left;
margin-right: 20px;
}
#servList h5 a {
font-style: italic;
margin-left: 20px;
}
#portMyspot {
width: 98%;
height: 120px;
margin: 10px 0;
}

.regi {
border:1px solid #051e3c;
color: #8e8e8e;
padding:3px;
text-align: right;
display: block;
position: absolute;
right:0px;
bottom: 0px;
background:url(../images/add.png)  #051e3c no-repeat 0px 1px;
padding-left: 16px;
}




#infoBox {
padding:6px;

height: 111px;
margin: auto;
text-align: center;
margin-bottom: 5px;
position: relative;
}
#infoBox h4, #infoBox h5, #infoBox p {
text-align: left;
}
#infoBox img {
float: left;
margin-right: 20px;
}
#infoBox h5 a {
font-style: italic;
margin-left: 20px;
}




/* about */
#aboutList {
width: 45%;
margin: auto;
float: left;
text-align: center;
}
#about_hisory {
width: 50%;
margin: auto;
float: left;
text-align: center;
}

.aboutBox {
display: block;
height: 151px;
margin: auto;
text-align: center;
margin-bottom: 5px;
}
#aboutList .left {
margin-right: 5px;
}
.aboutBox h4, .aboutBox h5, .aboutBox p {
text-align: left;
}
.aboutBox img {
float: left;
-moz-border-radius:6px 6px 6px 6px;
background:none repeat scroll 0 0 #fff;
border:1px solid #CFCFCF;
padding:6px;
margin-right: 5px;
}
#aboutList h5 a {
font-style: italic;
margin-left: 20px;
}
#portMyspot {
width: 98%;
height: 120px;
margin-bottom: 10px;
}
/*porownanie*/
#comparison {
text-align: center;
margin: auto;
width: 684px;
margin: 10px auto;
}
#comparison h3{ 
 color: #545454; 
 margin-bottom: 10px;
}
#comparison table{
	margin: auto auto;
	text-align: left;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius: 5px;
	background:none repeat scroll 0 0 #545454;
	color: #2F2F2F !important;
}
#comparison td {
text-align: left;
padding: 3px 10px;
}

#comparison .even {background-color: #EFEFEF; }
#comparison .odd {	background-color: #BFBFBF;}
#comparison .free, #comparison .sponsored, #comparison .premium {
text-align: center; 
}

#comparison .option {
padding: 3px 0px 3px 30px; 
} 

#comparison .section { 
 color: #545454; margin: 2px 4px;}
#comparison .section td {padding: 5px 10px; background: #DEDEDE;
border-bottom:1px solid #3F3F3F;
font-weight: bold;
font-family:Arial,Helvetica,Geneva,sans-serif;

}




#comparison .free.none, #comparison .sponsored.none, #comparison .premium.none { 
background: url(../images/check-none.png) 50% center no-repeat;
}
 

#comparison .free.ok { background: url(../images/check.png) 50% center  no-repeat;}
#comparison .sponsored.ok { background: url(../images/check-spons.png) 50% center  no-repeat;}
#comparison .premium.ok { background: url(../images/check-premium.png) 50% center  no-repeat;}


#active {
text-align: center;
margin: auto;
}
#active a{

line-height: 26px;
display: block;
width: 102px;
margin:3px auto;

color: #000;
}
#active .premium a {
 background: url(http://s.myspot.pl/templates/common/active-premium.png) no-repeat;
 }
 #active .sponsored a {
 background: url(http://s.myspot.pl/templates/common/active-sponsored.png) no-repeat;
 }
 select {
 width: 140px;
 }
 
/*mylog*/





#notki a{
display: block;
width:200px;
float: left;
margin-right:15px;
font-family: Tahoma, verdana,sans-serif;
font-size: 10px;
background:url("../images/dot3.png") no-repeat scroll 7px 7px transparent;

padding:2px 2px 2px 15px;
text-align:left;
height: 12px; overflow: hidden;
}


#allvip, #classic  { 
margin-right: 5px;
text-align: left;
margin-top: 6px;

}
.oneclassic {
margin-bottom: 4px;
}
.onevip {
margin-bottom: 4px;
float:left;
margin-right:10px;
width:150px;
}
.onevip .avatarvip{
width: 150px;
height: 50px;
}
.onevip .textvip p, .textclassic p{
font-family:Arial;
font-size:10px;
}



#classic .oneclassic{
width: 200px;
float: left;
margin-right: 11px;
height: 100px;
 overflow: hidden;
}
#classic .avatarclassic {
width: 50px;
height: 50px;
float: left;
margin-right: 5px;
}
#classic h4 {
background: url(img/hr.png) left bottom  repeat-x;
}

/*KATALOG*/

.Cat_oneblog .avatar {
width: 100px;
height: 100px;
float: left;
margin-right: 5px;
}
.Cat_oneblog .url, .Cat_oneblog h4,  .Cat_oneblog .user  {
font-size: 11px;
}

.Cat_oneblog {
float:left;
height:100px;
margin-bottom:10px;
margin-right:6px;
overflow:hidden;
text-align:left;
width:320px;
}
.descript {
height:47px;
overflow:hidden;
}
.sortCat{clear: both;}
.sortCat .linkCat {
border: 1px solid #142131;
padding: 2px 6px;
margin: 1px;
}
.sortCat #catActive{
border: 1px solid #80562D;
padding: 2px 6px;
background: #C3AF9C;
}

#addRight {
   float: right; 
   margin: 4px; 
}
#allclassic {
float: left; 
}