body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, address, form, fieldset, hr, blockquote {
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}

html { background: #C2D3DB; }

body {
	background: #fff url('/img/bg.png') repeat-x center 22px;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.4em;
    color: #4f4f4f;
    margin: 0 0 40px 0;
}

img.button {
	margin: 0;
	margin-left: 210px;
	padding: 0;
	display: block;
}

a, a:visited {
	text-decoration: none;
	color: #5F7F9D;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}

#logo {
    text-indent: -9999px;
    padding: 27px 0 0 45px;
    display: block;
}

#logo a {
    display: block;
    background: url('/img/logo.png') no-repeat center;
    font-size: 0;
    width: 140px;
    height: 75px;
}

h1 { 
	font-size: 13pt;
	padding: 5px 0;
	color: #ABBF3A;
}
h1.normal {
	font-size: 10pt;
	padding: 0;
}

h2 {
    margin: 0;
}
h2.normal {
	font-size: 14px;
}
h3 {

}

h3.header {
    text-indent: -9999px;
    height: 25px;
	border: 0;
}
h3.normal {
	font-size: 12px;
}

h4 {
    font-size: small;
    font-weight: bold;
}

h4#h_latest {
    padding: 5px;
}

h2#h_menu {
    background: #fff url('/img/h_menu.png') no-repeat top left;
    height: 40px;
	text-indent: -9999px;
}
h3#h_servers {
    background: #fff url('/img/h_serwery.png') no-repeat top left;
	padding-bottom: 5px; 
}

h3#h_newest {
    background: #fff url('/img/h_najnowsze.png') no-repeat left;
	margin-bottom: 5px;
}
h3#h_opis {
    background: #fff url('/img/h_hosting.png') no-repeat top left;
}
h3#h_stats {
    background: #fff url('/img/h_statystyki.png') no-repeat top left;
}

.graytext {
    color: #4f4f4f;
}

span.left, p.left {
    float: left;
    width: 82%;
}

span.right, p.right {
    float: right;
    text-align: right;
    font-weight: bold;
    width: 17%;
	color: #ABBF3A;
}

hr {
	border: 0;
	height: 1px;
	color: #CEE453;
	background-color: #CEE453;
	margin: 4px 0 0 0;
	padding: 0;
}

#container {
    width: 900px;
    margin: 0 auto;
    /*
     background: #fff url('images/bg_container.png') repeat-y;
     */
}

#container2 {
	width: 898px;
	border-left: 1px solid #97B2BE;
	border-right: 1px solid #97B2BE;
	padding-bottom: 25px;
}

#top {
    height: 125px;
    background: #fff url('/img/top.png') no-repeat top left;

}

#logo {
    float: left;
/*
	border-left: 1px solid #99B4BF;
	border-right: 1px solid #99B4BF;
*/
/*
    height: 120px !important;
    height: 75px;
*/
}
#icons {
    float: right;
    margin: 40px 0 0 0;
}

#icons ul li {
    display: block;
    float: left;
	padding-left: 0;
}

#icons ul li a {
    height: 60px;
    display: block;
    float: left;
    font-size: 0;
    text-indent: -9999px;
	background-position: 0 -60px;
	width: 85px;
}

#icons ul li a:hover {
	background-position: 0 0;
}

a#katalog {
    background: url('/img/li_katalog.png') no-repeat;
}

a#zamow {
    background: url('/img/li_zamow.png') no-repeat;
}

a#zaloguj {
    background: url('/img/li_zaloguj.png') no-repeat;
}

a#pomoc {
    background: url('/img/li_pomoc.png') no-repeat;
}

#sidebar {
    float: left;
    width: 300px;   
    margin: 10px 5px;
    padding: 0;
	
}

#sidebar #menu {
    background: #fff url('/img/bg_menu.png') no-repeat bottom;    
	height: 360px;
	margin-bottom: 20px;
}

#sidebar #menu a {
    text-decoration: none;
    color: #fff;
}

#sidebar #menu a:hover, #sidebar #menu a.active {
    color: #E4F48C;
}

#sidebar #menu ul {
    margin: 10px 0 15px 35px;
}

#sidebar #menu ul li {
    color: #fff;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height: 1.9em;
    font-size: 17px;
	font-weight: bold;
    border-bottom: 1px solid #DDE6EB;
    width: 80%;
    padding: 2px 0;
    list-style: none;
    margin-left: 0;
}

#sidebar #servers {
    background: #E6F493;
	margin-bottom: 5px;
}

#sidebar #servers img {
    margin-left: 200px;
	display: block;
}

#sidebar #servers ul {
    border-right: 2px dotted #ABBF3A;
    margin: 0;
    padding: 0;
    padding: 10px 5px 10px 25px;
    margin-left: 0 !important;
    margin-left: 5px;
    list-style-type: square;
    color: #ABBF3A;
}

#content {
    float: right;
    width: 573px;
    background-color: #fff;
	padding: 12px 5px;
}

#content p#newest {
    float: left;
    padding: 0 5px 15px 5px;
    text-align: justify;
    width: 55%;
}
#content p#newest span {
    display: block;
    margin-bottom: 10px;
}

#content div#latest {
    background-color: #E6F493;
    width: 40%;
    float: right;
	margin-right: 5px;
	padding-bottom: 10px;
}

#content div#latest ul li {
    margin: 0;
    padding: 0;
    margin-left: 20px;
    list-style-type: square;
    color: #ABBF3A;
    font-size: 10px;
}

#content div#hosting {
    background: #fff url('/img/bg_oferta.png') no-repeat center left;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    min-height: 150px;
    clear: both;
}

#content div#hosting p {
    margin: 5px 0;
    padding-left: 165px;
	padding-right: 10px;
}

#content div#hosting img {
    margin-left: 165px;
}

#content div#hosting ul {
    margin: 0;
    padding: 0;
    padding-left: 200px;
    list-style-type: square;
    color: #094380;
}

#content div#stats div {
    display: block;
    width: 44%;
    margin-bottom: 35px;
    text-align: justify;
    background-color: #fff;
}

#content div#stats div#stats_p {
    float: right;
    padding: 5px 20px 5px 10px;
    background-color: #E6F493;
	border-left: 2px dotted #ABBF3A;
}

#content div#stats div#stats_l {
    float: left;
    padding: 5px 10px 5px 10px;
}

#content div#stats div#stats_l p {
    border-bottom: 1px solid #F7F7F7;
	padding-bottom: 4px;
}


/*
autoreklama - przyciski
*/
#reklama {
    width: 790px;
    height: 20px;
	margin-left: 25px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	padding: 10px 0 10px 70px;
	font-size: 0;
	clear: both;
}

#reklama ul li {
    display: block;
    float: left;
	padding-left: 20px;
}

#reklama ul li a {
    display: block;
    float: left;
    font-size: 0;
    text-indent: -9999px;
	border: 0;
}

#reklama ul li a:hover { background-position: 0 -20px; }
#reklama ul li a#log8:hover { background-position: 0 -14px; }
#reklama ul li a#linkr:hover { background-position: 0 -15px; }
#reklama ul li a#plikus:hover { background-position: 0 -15px; }
#reklama ul li a#satyr:hover { background-position: 0 -15px; }
#reklama ul li a#capslock:hover { background-position: 0 -15px; }

a#log8 { background: url('/img/buttons/8log.png') no-repeat; width: 53px; height: 14px; margin-top: 2px;}
a#hotjpg { background: url('/img/buttons/hotjpg.png') no-repeat; width: 29px; height: 20px}
a#jpg { background: url('/img/buttons/jpg.png') no-repeat; width: 25px; height: 20px}
a#kolektyw { background: url('/img/bv/kolektyw.png') no-repeat; width: 115px; }
a#linkr { background: url('/img/buttons/linkr.png') no-repeat; width: 48px; height: 15px; margin-top: 5px;}
a#mototu { background: url('/img/buttons/mototu.png') no-repeat; width: 52px; height: 20px; }
a#plikus { background: url('/img/buttons/plikus.png') no-repeat; width: 38px; height: 15px; margin-top: 2px; }
a#radiofriko { background: url('/img/buttons/radiofriko.png') no-repeat; width: 25px; height: 20px;}
a#satyr { background: url('/img/buttons/satyr.png') no-repeat; width: 53px; height: 15px; margin-top: 4px;}
a#zafriko { background: url('/img/buttons/zafriko.png') no-repeat; width: 19px; height: 20px; }
a#capslock { background: url('/img/buttons/capslock.png') no-repeat; width: 62px; height: 15px; margin-top: 4px;}
a#b401 { background: url('/img/buttons/401.png') no-repeat; width: 55px; height: 20px}
a#opony { background: url('/img/buttons/opony.png') no-repeat; width: 23px; height: 20px}

/* ============ autoreklama koniec =========== */

#footer {
	width: 99.2%;
	text-align: right;
	background-color: #C2D3DB;
	padding: 5px;
	font-size: 10px;
}

#content div#stats_p ul li {
    margin: 0;
    padding: 0;
    margin-left: 20px;
    list-style-type: square;
    color: #094380;
    font-size: 11px;
	line-height: 1.5em;
}



div#stronyLewa { float: right; padding: 10px 5px 5px 10px; width: 180px;  }
div#stronyLewa ul { margin: 10px 0 15px 10px; } 
div#stronyLewa ul li { border-bottom: 1px dotted #F0F0F0; padding-bottom: 2px; }
div#stronyLewa ul li,  div#stronyPrawa ul li { padding-top: 2px; list-style: none; }


div#stronyPrawa ul li a {
	font-size: 13px;
}
div#stronyPrawa span.data { font-size: 10px; float: right; display: inline; padding: 2px 3px;}
div#stronyPrawa span.title { font-size: 11px; float: left; display: inline; padding: 2px 0;}
div#stronyPrawa ul li.link { font-size: 13px; display: inline;}
div#stronyPrawa ul li.title { font-size: 11px; font-weight: bold; clear: both;}
div#stronyPrawa ul li.description { font-size: 10px; word-wrap: break-word; }
div#stronyPrawa {float: left; padding: 10px 5px; width: 600px; margin-right: 15px; }

div.alert {
	background: #FFF0F0 url('/img/alert2.png') no-repeat center left;	
	margin: 20px;
	padding: 10px 10px 10px 135px;
	text-align: justify;
	width: 390px;
	border: 2px double #DF2020;
	float: right;
	
}
div.alert p {
	font-size: 13px;
	line-height: 1.3em;
	font-weight: normal;
	margin: 15px 0;
}
div.abuse {
	margin: 0 20px 0 0; 
	padding: 0; 
	height: 16px; 
	display:block; 
	float: right;
}
div.abuse p a {
	font-size: 10px;
}


.pager {
	padding: 8px 0;
	font-size: 11px;
}
.letters { font-size: 12px; }
.letters a:hover {
	color: #98AB2D;
	text-decoration: none;
}
p.ramka {
	text-align: center;
} 

div#tagi { width: 555px; padding: 10px 5px 5px 20px; float: right;}
div#tagi p { margin: 10px 0; }
div#tagi div.tagi { width: 555px; float: left; text-align: center; }

div.tagi ul { margin: 10px 0;}
div.tagi ul li { list-style: none; }
div.tagi ul li.link { font-size: 13px; display: inline;}
div.tagi ul li.title { font-size: 11px; font-weight: bold; clear: both;}
div.tagi ul li.description { font-size: 10px; word-wrap: break-word; }

div#lewyRamka { width: 28%; float: left; padding: 0 25px 0 0;}
div#srodekRamka {width: 28%; float: left; padding: 0 25px 0 0;}
div#prawyRamka {width: 28%; float: left;}

span.firstLetter a {
	color: #98AB2D; font-size: 14px;
}

.header {
	background-color: #DDE6EB;
	border: 1px solid #98AB2D;
	padding: 5px 4px;
	line-height: 1.8em;	
	color: #4f4f4f;
}

/* ========= TOOLS ======= */
div#tools {
	margin: 15px 0;
	text-align: center;
}

div#tools fieldset {
	width: 295px;
	padding: 0;
	border: 1px solid #9DB6C2;
	padding: 10px 0;
	position: relative;
	background-color: #DDE6EB;
}

div#tools fieldset legend {
	color: #9FB141;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px;
	margin: 0 0 0 10px;
	border: 1px solid #ABBF3A;
	background-color: #E6F493;
	position: absolute;
	top: -.7em;
	left: .2em;
}

div#tools ul li{
    list-style-type: square;
    color: #ABBF3A;
    font-size: 12px;
	line-height: 1.4em;
	text-align: left;
	margin-left: 32px;
}

/* ======== LOGIN PANEL ======== */

div#login {
	padding: 25px 0 0 0;
	margin: 10px 0 0 0;
	width: 220px;
	float: right;

}
div#login fieldset {
	border: 1px solid #99B3C0;
	padding: 0;
height: 80px;


}

div#login fieldset legend {
	color: #99B3C0;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px;
	margin: 0 0 0 10px;
}
div#login input {
	border: 1px solid #9FB141;
	background-color: #F7FFCC;
	font-size: 10px;
	font-weight: bold;
	color: #9FB141;
	margin-bottom: 2px; 
}
div#login p {
	margin: 5px 20px 5px 0;
	/*display: block;*/
	text-align: right;
}



/* Reklamy */

div#banner {width: 750px; background: #fff; text-align: center; padding-top: 3px; margin: auto;}
div#google468 {width: 468px; background: #fff; text-align: center; border: 1px white solid; margin: 5px auto; overflow: hidden;}

.linkmeKatalog{}
.linkmeKatalog table{width: 100%; margin-left: -3px}
.linkmeKatalog td{width: 100%; font-weight: bold; font-size: 11px; padding-bottom: 10px;  border-bottom: 1px #CEE453 solid; }
.linkmeKatalog a{font-size: 13px;}

.linki_top { background-color: #CEE453; margin: 0 0 1px 0; padding: 4px 0 3px 0; font-size: 90%; text-align: center; }
.linki_top ul { list-style: none; display: inline; }
.linki_top ul li { display: inline; color: #C2D3DB;}
.linki_top ul li a { color: #5F7F9D; text-decoration: none; font-weight: bold; margin: 0 5px;}
.linki_top ul li a:hover { text-decoration: underline; }